From 6003b252ea4a6c2fa572630988ec781539a666f3 Mon Sep 17 00:00:00 2001
From: Evan Rusackas <evan@preset.io>
Date: Tue, 18 Aug 2020 15:51:03 -0700
Subject: [PATCH 1/2] splitting button stories into separate stories

---
 .../src/components/Button/button.stories.jsx  | 50 ++++++++++---------
 1 file changed, 27 insertions(+), 23 deletions(-)

diff --git a/superset-frontend/src/components/Button/button.stories.jsx b/superset-frontend/src/components/Button/button.stories.jsx
index 52aba2134902d..0f78265671b57 100644
--- a/superset-frontend/src/components/Button/button.stories.jsx
+++ b/superset-frontend/src/components/Button/button.stories.jsx
@@ -99,9 +99,34 @@ 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 +164,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>
 );

From 56f119d631c7e1a6a455c07d14d8ae19b1110e6e Mon Sep 17 00:00:00 2001
From: Evan Rusackas <evan@preset.io>
Date: Tue, 18 Aug 2020 15:53:24 -0700
Subject: [PATCH 2/2] lint

---
 superset-frontend/src/components/Button/button.stories.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/superset-frontend/src/components/Button/button.stories.jsx b/superset-frontend/src/components/Button/button.stories.jsx
index 0f78265671b57..de8cba65f1b34 100644
--- a/superset-frontend/src/components/Button/button.stories.jsx
+++ b/superset-frontend/src/components/Button/button.stories.jsx
@@ -124,7 +124,6 @@ export const ButtonGallery = () => (
   </div>
 );
 
-
 export const InteractiveButton = () => (
   <div style={{ padding: '10px', backgroundColor: 'white' }}>
     <Button