From 4b793ed40864294dcd58bb3c30edce18fce086b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sun, 19 Dec 2021 15:59:21 +0000
Subject: [PATCH] chore(ui): modify annotation link style

---
 .../AlertGroup/Alert/__snapshots__/index.test.tsx.snap        | 4 ++--
 .../AlertGroup/Annotation/__snapshots__/index.test.tsx.snap   | 2 +-
 .../Components/Grid/AlertGrid/AlertGroup/Annotation/index.tsx | 2 +-
 .../AlertGroup/GroupFooter/__snapshots__/index.test.tsx.snap  | 4 ++--
 .../ManagedSilence/__snapshots__/index.test.tsx.snap          | 2 +-
 ui/src/Styles/Components/_Annotation.scss                     | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.tsx.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.tsx.snap
index 6e85727aa..7e2e62090 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.tsx.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.tsx.snap
@@ -125,7 +125,7 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
     href=\\"http://localhost\\"
     target=\\"_blank\\"
     rel=\\"noopener noreferrer\\"
-    class=\\"components-label components-label-with-hover badge components-grid-annotation-link\\"
+    class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
   >
     <svg
       aria-hidden=\\"true\\"
@@ -254,7 +254,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
     href=\\"http://localhost\\"
     target=\\"_blank\\"
     rel=\\"noopener noreferrer\\"
-    class=\\"components-label components-label-with-hover badge components-grid-annotation-link\\"
+    class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
   >
     <svg
       aria-hidden=\\"true\\"
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.tsx.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.tsx.snap
index a7c893a5c..78f14b274 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.tsx.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
   href=\\"http://localhost/foo\\"
   target=\\"_blank\\"
   rel=\\"noopener noreferrer\\"
-  class=\\"components-label components-label-with-hover badge components-grid-annotation-link\\"
+  class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
 >
   <svg
     aria-hidden=\\"true\\"
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.tsx b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.tsx
index abeb95c0c..e06e1418e 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.tsx
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.tsx
@@ -90,7 +90,7 @@ const RenderLinkAnnotation: FC<{
       href={value}
       target="_blank"
       rel="noopener noreferrer"
-      className="components-label components-label-with-hover badge components-grid-annotation-link"
+      className="components-label components-label-with-hover badge border components-grid-annotation-link"
     >
       <FontAwesomeIcon icon={faExternalLinkAlt} /> {name}
     </a>
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.tsx.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.tsx.snap
index 05ea20c11..9b1517f68 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.tsx.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.tsx.snap
@@ -100,7 +100,7 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
     href=\\"http://link.example.com\\"
     target=\\"_blank\\"
     rel=\\"noopener noreferrer\\"
-    class=\\"components-label components-label-with-hover badge components-grid-annotation-link\\"
+    class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
   >
     <svg
       aria-hidden=\\"true\\"
@@ -224,7 +224,7 @@ exports[`<GroupFooter /> mathes snapshot when silence is rendered 1`] = `
     href=\\"http://link.example.com\\"
     target=\\"_blank\\"
     rel=\\"noopener noreferrer\\"
-    class=\\"components-label components-label-with-hover badge components-grid-annotation-link\\"
+    class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
   >
     <svg
       aria-hidden=\\"true\\"
diff --git a/ui/src/Components/ManagedSilence/__snapshots__/index.test.tsx.snap b/ui/src/Components/ManagedSilence/__snapshots__/index.test.tsx.snap
index bc9cc7345..6307f4cf0 100644
--- a/ui/src/Components/ManagedSilence/__snapshots__/index.test.tsx.snap
+++ b/ui/src/Components/ManagedSilence/__snapshots__/index.test.tsx.snap
@@ -256,7 +256,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
               href=\\"http://example.com/#/silences/04d37636-2350-4878-b382-e0b50353230f\\"
               target=\\"_blank\\"
               rel=\\"noopener noreferrer\\"
-              class=\\"components-label components-label-with-hover badge components-grid-annotation-link\\"
+              class=\\"components-label components-label-with-hover badge border components-grid-annotation-link\\"
             >
               <svg
                 aria-hidden=\\"true\\"
diff --git a/ui/src/Styles/Components/_Annotation.scss b/ui/src/Styles/Components/_Annotation.scss
index 80c98ca8c..a042db231 100644
--- a/ui/src/Styles/Components/_Annotation.scss
+++ b/ui/src/Styles/Components/_Annotation.scss
@@ -4,9 +4,9 @@
 }
 
 .components-grid-annotation-link {
-  text-decoration: underline;
+  text-decoration: none;
   color: $link-color;
 }
 .components-grid-annotation-link:hover {
-  text-decoration: underline;
+  text-decoration: none;
 }