From 9b3104577cc296458c96801b70f96ff8e17a4ab4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Sj=C3=B6lander?= <emilsj@fb.com>
Date: Fri, 16 Feb 2018 07:09:41 -0800
Subject: [PATCH] Tweak playground on landing page

Reviewed By: danielbuechele

Differential Revision: D7009909

fbshipit-source-id: a2734466efed6b9dc21f047be011b427bf67f830
---
 website/src/pages/index.js | 49 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 48 insertions(+), 1 deletion(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index dce9c98f..96bb74b2 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -23,6 +23,53 @@ import ComponentKitLogo from './logos/componentkit.png';
 import Link from 'gatsby-link';
 import Footer from '../components/Footer';
 
+const playgroundInitialState = {
+  "width":500,
+  "height":500,
+  "alignItems":1,
+  "padding":{
+    "top":"20",
+    "right":"20",
+    "bottom":"20",
+    "left":"20"
+  },
+  "children":[
+    {
+      "width":100,
+      "height":100,
+      "minWidth":null,
+      "maxWidth":null,
+      "minHeight":null,
+      "maxHeight":null
+    },
+    {
+      "width":100,
+      "height":100,
+      "margin":{
+        "right":"20",
+        "left":"20"
+      },
+      "flexGrow":"1",
+      "minWidth":null,
+      "maxWidth":null,
+      "minHeight":null,
+      "maxHeight":null
+    },
+    {
+      "width":100,
+      "height":100,
+      "minWidth":null,
+      "maxWidth":null,
+      "minHeight":null,
+      "maxHeight":null
+    }
+  ],
+  "minWidth":null,
+  "maxWidth":null,
+  "minHeight":null,
+  "maxHeight":null
+};
+
 const HeroSection = () => (
   <Padded>
     <Row className="hero">
@@ -58,7 +105,7 @@ const HeroSection = () => (
 const PlaygroundSection = () => (
   <Row>
     <Col lg={24} md={0} sm={0} xs={0}>
-      <Playground selectedNodePath={[]} showGuides={false} height={601} />
+      <Playground selectedNodePath={[]} showGuides={true} height={601} layoutDefinition={playgroundInitialState} />
     </Col>
   </Row>
 );