From 6f1fb982485756b3920e203096340a1f646ca04d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 30 Jun 2020 21:04:02 +0100
Subject: [PATCH] feat(ui): add @finterprint filter to the help section

---
 ui/src/Components/MainModal/Help.js           | 13 +++++
 .../MainModal/__snapshots__/Help.test.js.snap | 47 +++++++++++++++++++
 2 files changed, 60 insertions(+)

diff --git a/ui/src/Components/MainModal/Help.js b/ui/src/Components/MainModal/Help.js
index 88a1566b1..515cbb261 100644
--- a/ui/src/Components/MainModal/Help.js
+++ b/ui/src/Components/MainModal/Help.js
@@ -226,6 +226,19 @@ const Help = ({ defaultIsOpen }) => (
             </FilterExample>
           </QueryHelp>
 
+          <QueryHelp
+            title="Match alerts based on the Alertmanager alert fingerprint"
+            operators={["=", "!="]}
+          >
+            <FilterExample example="@fingerprint=123456789">
+              Match only alert with fingerprint <code>123456789</code>.
+            </FilterExample>
+            <FilterExample example="@fingerprint!=123456789">
+              Match all alerts except the one with fingerprint{" "}
+              <code>123456789</code>.
+            </FilterExample>
+          </QueryHelp>
+
           <QueryHelp
             title="Match suppressed alerts based on the silence ID"
             operators={["=", "!="]}
diff --git a/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap b/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
index a3bbc47b3..393cfd756 100644
--- a/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
+++ b/ui/src/Components/MainModal/__snapshots__/Help.test.js.snap
@@ -611,6 +611,53 @@ exports[`<Help /> matches snapshot 1`] = `
             </li>
           </ul>
         </dd>
+        <dt>
+          Match alerts based on the Alertmanager alert fingerprint
+        </dt>
+        <dd class=\\"mb-5\\">
+          <div>
+            Supported operators:
+            <kbd class=\\"mr-1\\">
+              =
+            </kbd>
+            <kbd class=\\"mr-1\\">
+              !=
+            </kbd>
+          </div>
+          <div>
+            Examples:
+          </div>
+          <ul>
+            <li>
+              <div>
+                <span class=\\"badge badge-info\\">
+                  @fingerprint=123456789
+                </span>
+              </div>
+              <div>
+                Match only alert with fingerprint
+                <code>
+                  123456789
+                </code>
+                .
+              </div>
+            </li>
+            <li>
+              <div>
+                <span class=\\"badge badge-info\\">
+                  @fingerprint!=123456789
+                </span>
+              </div>
+              <div>
+                Match all alerts except the one with fingerprint
+                <code>
+                  123456789
+                </code>
+                .
+              </div>
+            </li>
+          </ul>
+        </dd>
         <dt>
           Match suppressed alerts based on the silence ID
         </dt>