From d0953874f2ebe41c8fb4ecbf4412d195afa4732b Mon Sep 17 00:00:00 2001
From: Evan Rusackas <evan@preset.io>
Date: Tue, 18 Aug 2020 22:47:27 -0700
Subject: [PATCH] chore: splitting button stories into separate stories
 (#10631)

* splitting button stories into separate stories

* lint
---
 .../src/components/Button/button.stories.jsx  | 49 ++++++++++---------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/superset-frontend/src/components/Button/button.stories.jsx b/superset-frontend/src/components/Button/button.stories.jsx
index 52aba2134..de8cba65f 100644
--- a/superset-frontend/src/components/Button/button.stories.jsx
+++ b/superset-frontend/src/components/Button/button.stories.jsx
@@ -99,9 +99,33 @@ const hrefKnob = {
   defaultValue: null,
 };
 
-export const SupersetButton = () => (
+export const ButtonGallery = () => (
+  <div style={{ padding: '10px', backgroundColor: 'white' }}>
+    {Object.values(bsSizeKnob.options)
+      .filter(a => a)
+      .map(size => (
+        <div>
+          <h4>{size}</h4>
+          {Object.values(bsStyleKnob.options)
+            .filter(o => o)
+            .map(style => (
+              <Button
+                disabled={boolean('Disabled', false)}
+                bsStyle={style}
+                bsSize={size}
+                onClick={action('clicked')}
+                style={{ marginRight: 5 }}
+              >
+                {style}
+              </Button>
+            ))}
+        </div>
+      ))}
+  </div>
+);
+
+export const InteractiveButton = () => (
   <div style={{ padding: '10px', backgroundColor: 'white' }}>
-    <h3>Interactive</h3>
     <Button
       disabled={boolean('Disabled', false)}
       bsStyle={select(
@@ -139,26 +163,5 @@ export const SupersetButton = () => (
     >
       {text('Label', 'Button!')}
     </Button>
-    <h3>Gallery</h3>
-    {Object.values(bsSizeKnob.options)
-      .filter(a => a)
-      .map(size => (
-        <div>
-          <h4>{size}</h4>
-          {Object.values(bsStyleKnob.options)
-            .filter(o => o)
-            .map(style => (
-              <Button
-                disabled={boolean('Disabled', false)}
-                bsStyle={style}
-                bsSize={size}
-                onClick={action('clicked')}
-                style={{ marginRight: 5 }}
-              >
-                {style}
-              </Button>
-            ))}
-        </div>
-      ))}
   </div>
 );