diff --git a/ui/src/Components/Grid/index.stories.js b/ui/src/Components/Grid/index.stories.js index 27db27e61..fd25ba40c 100644 --- a/ui/src/Components/Grid/index.stories.js +++ b/ui/src/Components/Grid/index.stories.js @@ -10,10 +10,9 @@ import { MockAlert, MockAlertGroup } from "__mocks__/Alerts.js"; import { AlertStore } from "Stores/AlertStore"; import { Settings } from "Stores/Settings"; import { SilenceFormStore } from "Stores/SilenceFormStore"; -import { UpstreamError } from "./UpstreamError"; import { FatalError } from "./FatalError"; import { UpgradeNeeded } from "./UpgradeNeeded"; -import { AlertGrid } from "./AlertGrid"; +import { Grid } from "."; import "Percy.scss"; @@ -73,9 +72,6 @@ const MockGroup = (groupName, alertCount, active, suppressed, unprocessed) => { }; storiesOf("Grid", module) - .add("UpstreamError", () => { - return ; - }) .add("FatalError", () => { return ; }) @@ -155,15 +151,27 @@ storiesOf("Grid", module) groups.push(group); } alertStore.data.upstreams = { - counters: { total: 0, healthy: 1, failed: 0 }, - instances: [{ name: "am", uri: "http://am", error: "" }], - clusters: { am: ["am"] } + counters: { total: 3, healthy: 1, failed: 2 }, + instances: [ + { name: "am1", uri: "http://localhost:9093", error: "" }, + { + name: "am2", + uri: "http://localhost:9094", + error: "Failed to connect to http://localhost:9094" + }, + { + name: "failed", + uri: "https://am.example.com", + error: "Failed to connect to https://am.example.com" + } + ], + clusters: { am: ["am1", "am2"], failed: ["failed"] } }; alertStore.data.groups = groups; return ( -