diff --git a/ui/src/Components/Labels/FilterInputLabel/index.tsx b/ui/src/Components/Labels/FilterInputLabel/index.tsx index 1b0af9429..339d52f01 100644 --- a/ui/src/Components/Labels/FilterInputLabel/index.tsx +++ b/ui/src/Components/Labels/FilterInputLabel/index.tsx @@ -31,7 +31,7 @@ const FilterInputLabel: FC<{ alertStore, filter.matcher === QueryOperators.Equal ? filter.name : "", filter.matcher === QueryOperators.Equal ? filter.value : "", - "components-filteredinputlabel btn-sm", + "components-filteredinputlabel btn-sm text-white", "btn" ); diff --git a/ui/src/Components/NavBar/index.stories.tsx b/ui/src/Components/NavBar/index.stories.tsx index 005fb940b..dcb9afde5 100644 --- a/ui/src/Components/NavBar/index.stories.tsx +++ b/ui/src/Components/NavBar/index.stories.tsx @@ -60,6 +60,25 @@ storiesOf("NavBar", module).add("NavBar", () => { NewFilter("instance!=server1", "instance", "!=", "server1", false, true, 0), NewFilter("server!!!=", "", "", "", true, false, 0), NewFilter("foo", "", "", "", true, true, 2), + NewFilter( + "@state=unprocessed", + "@state", + "=", + "unprocessed", + true, + true, + 1 + ), + NewFilter("@state=active", "@state", "=", "active", true, true, 0), + NewFilter( + "@state=suppressed", + "@state", + "=", + "suppressed", + true, + true, + 101 + ), ]); settingsStore.filterBarConfig.setAutohide(false); @@ -105,7 +124,25 @@ storiesOf("NavBar", module).add("NavBar", () => { true, 15 ), + NewFilter( + "@state=unprocessed", + "@state", + "=", + "unprocessed", + true, + true, + 1 + ), NewFilter("@state=active", "@state", "=", "active", true, true, 1), + NewFilter( + "@state=suppressed", + "@state", + "=", + "suppressed", + true, + true, + 1 + ), ], [NewFilter("cluster=staging", "cluster", "=", "staging", true, true, 15)], ];