From 0bec6135cb8130b4c6978c5264e24d9d46347576 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 5 Nov 2019 09:12:54 +0000
Subject: [PATCH] fix(storybook): remove unused modal classes from navbar

---
 ui/src/Components/NavBar/index.stories.js | 82 +++++++++--------------
 1 file changed, 33 insertions(+), 49 deletions(-)

diff --git a/ui/src/Components/NavBar/index.stories.js b/ui/src/Components/NavBar/index.stories.js
index 24aff9bdc..4698f760f 100644
--- a/ui/src/Components/NavBar/index.stories.js
+++ b/ui/src/Components/NavBar/index.stories.js
@@ -20,56 +20,40 @@ const NewFilter = (raw, name, matcher, value, applied, isValid, hits) => {
   return filter;
 };
 
-storiesOf("NavBar", module)
-  .addDecorator(storyFn => (
-    <div>
-      <div className="modal-dialog modal-lg" role="document">
-        <div className="modal-content">{storyFn()}</div>
-      </div>
-    </div>
-  ))
-  .add("NavBar", () => {
-    const alertStore = new AlertStore([]);
-    const settingsStore = new Settings();
-    const silenceFormStore = new SilenceFormStore();
+storiesOf("NavBar", module).add("NavBar", () => {
+  const alertStore = new AlertStore([]);
+  const settingsStore = new Settings();
+  const silenceFormStore = new SilenceFormStore();
 
-    alertStore.info.totalAlerts = 197;
-    alertStore.data.colors = {
-      cluster: {
-        staging: {
-          brightness: 205,
-          background: { red: 246, green: 176, blue: 247, alpha: 255 }
-        }
-      },
-      region: {
-        AF: {
-          brightness: 111,
-          background: { red: 115, green: 101, blue: 152, alpha: 255 }
-        }
+  alertStore.info.totalAlerts = 197;
+  alertStore.data.colors = {
+    cluster: {
+      staging: {
+        brightness: 205,
+        background: { red: 246, green: 176, blue: 247, alpha: 255 }
       }
-    };
+    },
+    region: {
+      AF: {
+        brightness: 111,
+        background: { red: 115, green: 101, blue: 152, alpha: 255 }
+      }
+    }
+  };
 
-    alertStore.filters.values = [
-      NewFilter("cluster=staging", "cluster", "=", "staging", true, true, 15),
-      NewFilter("region=AF", "region", "=", "AF", true, true, 180),
-      NewFilter(
-        "instance!=server1",
-        "instance",
-        "!=",
-        "server1",
-        false,
-        true,
-        0
-      ),
-      NewFilter("server!!!=", "", "", "", true, false, 0),
-      NewFilter("foo", "", "", "", true, true, 2)
-    ];
+  alertStore.filters.values = [
+    NewFilter("cluster=staging", "cluster", "=", "staging", true, true, 15),
+    NewFilter("region=AF", "region", "=", "AF", true, true, 180),
+    NewFilter("instance!=server1", "instance", "!=", "server1", false, true, 0),
+    NewFilter("server!!!=", "", "", "", true, false, 0),
+    NewFilter("foo", "", "", "", true, true, 2)
+  ];
 
-    return (
-      <NavBar
-        alertStore={alertStore}
-        settingsStore={settingsStore}
-        silenceFormStore={silenceFormStore}
-      />
-    );
-  });
+  return (
+    <NavBar
+      alertStore={alertStore}
+      settingsStore={settingsStore}
+      silenceFormStore={silenceFormStore}
+    />
+  );
+});