From 36063f51d6a2eddf14ccc1e412185914c8ae53bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sat, 30 Nov 2019 11:39:46 +0000
Subject: [PATCH] fix(ui): make warnings on the Help page more readable

---
 ui/src/Components/MainModal/Help.js                         | 4 ++--
 ui/src/Components/MainModal/__snapshots__/Help.test.js.snap | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/src/Components/MainModal/Help.js b/ui/src/Components/MainModal/Help.js
index def31ea7c..61322e40f 100644
--- a/ui/src/Components/MainModal/Help.js
+++ b/ui/src/Components/MainModal/Help.js
@@ -42,7 +42,7 @@ const QueryHelp = ({ title, operators, warning, children }) => (
         ))}
       </div>
       {warning ? (
-        <div className="my-1 alert alert-light">
+        <div className="my-1 alert alert-secondary">
           <FontAwesomeIcon icon={faInfoCircle} className="mr-1" />
           {warning}
         </div>
@@ -240,7 +240,7 @@ const Help = ({ defaultIsOpen }) => (
           <QueryHelp
             title="Match alerts based on the ticket IDs detected in the silence comment"
             operators={["=", "!=", "=~", "!~"]}
-            warning="This is supported only if ticket regexp are enabled and able to
+            warning="This is supported only if ticket regexp rules are enabled and able to
             match ticket IDs in the silence comment."
           >
             <FilterExample example="@silence_ticket=PROJECT-123">
diff --git a/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap b/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
index af00bc38c..ea5b0bf31 100644
--- a/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
+++ b/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
@@ -685,7 +685,7 @@ exports[`<Help /> matches snapshot 1`] = `
                 !~
               </kbd>
             </div>
-            <div class=\\"my-1 alert alert-light\\">
+            <div class=\\"my-1 alert alert-secondary\\">
               <svg aria-hidden=\\"true\\"
                    focusable=\\"false\\"
                    data-prefix=\\"fas\\"
@@ -700,7 +700,7 @@ exports[`<Help /> matches snapshot 1`] = `
                 >
                 </path>
               </svg>
-              This is supported only if ticket regexp are enabled and able to match ticket IDs in the silence comment.
+              This is supported only if ticket regexp rules are enabled and able to match ticket IDs in the silence comment.
             </div>
             <div>
               Examples:
@@ -760,7 +760,7 @@ exports[`<Help /> matches snapshot 1`] = `
                 =
               </kbd>
             </div>
-            <div class=\\"my-1 alert alert-light\\">
+            <div class=\\"my-1 alert alert-secondary\\">
               <svg aria-hidden=\\"true\\"
                    focusable=\\"false\\"
                    data-prefix=\\"fas\\"