docs(window): simplify stories

react95-io · Apr 9, 2020 · 3b1ca2b · 3b1ca2b
1 parent 02ca125
commit 3b1ca2b
Showing 1 changed file with 42 additions and 41 deletions.
diff --git a/src/components/Window/Window.stories.js b/src/components/Window/Window.stories.js
@@ -19,41 +19,48 @@ storiesOf('Window', module)
     </div>
   ))
   .add('default', () => (
-    <Window style={{ width: 400 }}>
-      <WindowHeader
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'space-between'
-        }}
-      >
-        <span>react95.exe</span>
-        <Button>
-          <span style={{ fontWeight: 'bold', transform: 'translateY(-1px)' }}>
-            X
-          </span>
-        </Button>
-      </WindowHeader>
-      <Toolbar>
-        <Button variant='menu' size='sm'>
-          File
-        </Button>
-        <Button variant='menu' size='sm'>
-          Edit
-        </Button>
-        <Button variant='menu' size='sm' disabled>
-          Save
-        </Button>
-      </Toolbar>
-      <WindowContent>
-        <ul>
-          <li>something here</li>
-          <li>something here</li>
-          <li>something here</li>
-          <li>something here</li>
-        </ul>
-      </WindowContent>
-    </Window>
+    <>
+      <Window style={{ width: 400 }}>
+        <WindowHeader
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between'
+          }}
+        >
+          <span>react95.exe</span>
+          <Button>
+            <span style={{ fontWeight: 'bold', transform: 'translateY(-1px)' }}>
+              X
+            </span>
+          </Button>
+        </WindowHeader>
+        <Toolbar>
+          <Button variant='menu' size='sm'>
+            File
+          </Button>
+          <Button variant='menu' size='sm'>
+            Edit
+          </Button>
+          <Button variant='menu' size='sm' disabled>
+            Save
+          </Button>
+        </Toolbar>
+        <WindowContent>
+          <ul>
+            <li>something here</li>
+            <li>something here</li>
+            <li>something here</li>
+            <li>something here</li>
+          </ul>
+        </WindowContent>
+      </Window>
+
+      <Window style={{ margin: '2rem' }}>
+        <WindowHeader active={false}>react95.exe</WindowHeader>
+        <WindowContent>I am not active</WindowContent>
+      </Window>
+    </>
   ))
   .add('resizable', () => (
     <Window resizable>
@@ -62,10 +69,4 @@ storiesOf('Window', module)
         Resizable Window displays resize handle in bottom right corner
       </WindowContent>
     </Window>
-  ))
-  .add('not Active', () => (
-    <Window>
-      <WindowHeader active={false}>react95.exe</WindowHeader>
-      <WindowContent>I am not active</WindowContent>
-    </Window>
   ));