From 50cb33ac16437ffd9d6cf3d17cf6589e94a114b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 18 May 2021 23:46:14 +0100
Subject: [PATCH] fix(ui): fix state label color

---
 .../Labels/FilterInputLabel/index.tsx         |  2 +-
 ui/src/Components/NavBar/index.stories.tsx    | 37 +++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

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)],
   ];