From d9c04616bfd55b9d4a31cd94cdafcf9b26e86c81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 29 Jun 2019 16:00:28 +0100
Subject: [PATCH] feat(ui): add indicators on open modal buttons

---
 ui/src/Components/MainModal/index.js    | 6 +++++-
 ui/src/Components/SilenceModal/index.js | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/MainModal/index.js b/ui/src/Components/MainModal/index.js
index bba66f8c2..42e72068e 100644
--- a/ui/src/Components/MainModal/index.js
+++ b/ui/src/Components/MainModal/index.js
@@ -45,7 +45,11 @@ const MainModal = observer(
 
       return (
         <React.Fragment>
-          <li className="nav-item">
+          <li
+            className={`nav-item ${
+              this.toggle.show ? "border-bottom border-info" : ""
+            }`}
+          >
             <TooltipWrapper title="Settings">
               <span
                 className="nav-link cursor-pointer"
diff --git a/ui/src/Components/SilenceModal/index.js b/ui/src/Components/SilenceModal/index.js
index 52e0ea155..dee80eaf5 100644
--- a/ui/src/Components/SilenceModal/index.js
+++ b/ui/src/Components/SilenceModal/index.js
@@ -35,7 +35,11 @@ const SilenceModal = observer(
 
       return (
         <React.Fragment>
-          <li className="nav-item">
+          <li
+            className={`nav-item ${
+              silenceFormStore.toggle.visible ? "border-bottom border-info" : ""
+            }`}
+          >
             <TooltipWrapper title="Add new silence">
               <span
                 className="nav-link cursor-pointer"