diff --git a/ui/src/Components/OverviewModal/index.stories.js b/ui/src/Components/OverviewModal/index.stories.js
index 5309c31ab..002bb937d 100644
--- a/ui/src/Components/OverviewModal/index.stories.js
+++ b/ui/src/Components/OverviewModal/index.stories.js
@@ -8,18 +8,28 @@ import { OverviewModalContent } from "./OverviewModalContent";
import "Styles/Percy.scss";
-storiesOf("OverviewModal", module)
- .addDecorator(storyFn => (
+storiesOf("OverviewModal", module).add("OverviewModal", () => {
+ const Modal = ({ children }) => (
-
{storyFn()}
+
{children}
- ))
- .add("OverviewModal", () => {
- const alertStore = new AlertStore([]);
+ );
- MockGrid(alertStore);
+ const alertStore = new AlertStore([]);
+ MockGrid(alertStore);
- return {}} />;
- });
+ const emptyAlertStore = new AlertStore([]);
+
+ return (
+
+
+ {}} />
+
+
+ {}} />
+
+
+ );
+});
diff --git a/ui/src/Components/SilenceModal/index.stories.js b/ui/src/Components/SilenceModal/index.stories.js
index 4edf22ec8..ca59f129e 100644
--- a/ui/src/Components/SilenceModal/index.stories.js
+++ b/ui/src/Components/SilenceModal/index.stories.js
@@ -177,6 +177,45 @@ storiesOf("SilenceModal", module)
overwriteRoutes: true
});
+ return (
+
+ {}}
+ onDeleteModalClose={() => {}}
+ />
+
+ );
+ })
+ .add("Empty Browser", () => {
+ const alertStore = new AlertStore([]);
+ const settingsStore = new Settings();
+ const silenceFormStore = new SilenceFormStore();
+
+ silenceFormStore.tab.current = SilenceTabNames.Browser;
+
+ alertStore.data.upstreams = {
+ instances: [
+ {
+ name: "am1",
+ cluster: "am",
+ clusterMembers: ["am1"],
+ uri: "http://localhost:9093",
+ publicURI: "http://example.com",
+ error: "",
+ version: "0.15.3",
+ headers: {}
+ }
+ ],
+ clusters: { am: ["am1"] }
+ };
+
+ fetchMock.mock("begin:/silences.json?", [], {
+ overwriteRoutes: true
+ });
+
return (