From c6dce1a0b90aa6a55e5383e0f96d233ce8a56503 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 20 Oct 2022 13:33:36 -0400
Subject: [PATCH] Fleet UI: Icon classname now global styled (non-released bug)
 (#8367)

---
 .../pages/admin/AppSettingsPage/cards/Agents/Agents.tsx     | 6 +-----
 .../AppSettingsPage/cards/FleetDesktop/FleetDesktop.tsx     | 6 +-----
 .../admin/AppSettingsPage/cards/Statistics/Statistics.tsx   | 6 +-----
 .../hosts/details/DeviceUserPage/InfoModal/InfoModal.tsx    | 2 +-
 frontend/pages/hosts/details/DeviceUserPage/_styles.scss    | 2 +-
 5 files changed, 5 insertions(+), 17 deletions(-)

diff --git a/frontend/pages/admin/AppSettingsPage/cards/Agents/Agents.tsx b/frontend/pages/admin/AppSettingsPage/cards/Agents/Agents.tsx
index 97eb037f41..6eae40c384 100644
--- a/frontend/pages/admin/AppSettingsPage/cards/Agents/Agents.tsx
+++ b/frontend/pages/admin/AppSettingsPage/cards/Agents/Agents.tsx
@@ -82,11 +82,7 @@ const Agents = ({
               rel="noopener noreferrer"
             >
               Learn more about agent options
-              <img
-                className="icon"
-                src={ExternalLinkIcon}
-                alt="Open external link"
-              />
+              <img src={ExternalLinkIcon} alt="Open external link" />
             </a>
           </p>
           {isPremiumTier ? (
diff --git a/frontend/pages/admin/AppSettingsPage/cards/FleetDesktop/FleetDesktop.tsx b/frontend/pages/admin/AppSettingsPage/cards/FleetDesktop/FleetDesktop.tsx
index 0924836d30..7ec12234ba 100644
--- a/frontend/pages/admin/AppSettingsPage/cards/FleetDesktop/FleetDesktop.tsx
+++ b/frontend/pages/admin/AppSettingsPage/cards/FleetDesktop/FleetDesktop.tsx
@@ -91,11 +91,7 @@ const FleetDesktop = ({
               rel="noopener noreferrer"
             >
               https://fleetdm.com/transparency
-              <img
-                className="icon"
-                src={ExternalLinkIcon}
-                alt="Open external link"
-              />
+              <img src={ExternalLinkIcon} alt="Open external link" />
             </a>{" "}
             . You can override the URL to take them to a resource of your
             choice.
diff --git a/frontend/pages/admin/AppSettingsPage/cards/Statistics/Statistics.tsx b/frontend/pages/admin/AppSettingsPage/cards/Statistics/Statistics.tsx
index d54c12646c..f72632386d 100644
--- a/frontend/pages/admin/AppSettingsPage/cards/Statistics/Statistics.tsx
+++ b/frontend/pages/admin/AppSettingsPage/cards/Statistics/Statistics.tsx
@@ -101,11 +101,7 @@ const Statistics = ({
               rel="noopener noreferrer"
             >
               Learn more about usage statistics
-              <img
-                className="icon"
-                src={ExternalLinkIcon}
-                alt="Open external link"
-              />
+              <img src={ExternalLinkIcon} alt="Open external link" />
             </a>
           </p>
           <div className={`${baseClass}__inputs ${baseClass}__inputs--usage`}>
diff --git a/frontend/pages/hosts/details/DeviceUserPage/InfoModal/InfoModal.tsx b/frontend/pages/hosts/details/DeviceUserPage/InfoModal/InfoModal.tsx
index febab194d8..13507b1573 100644
--- a/frontend/pages/hosts/details/DeviceUserPage/InfoModal/InfoModal.tsx
+++ b/frontend/pages/hosts/details/DeviceUserPage/InfoModal/InfoModal.tsx
@@ -35,7 +35,7 @@ const InfoModal = ({ onCancel }: IInfoModalProps): JSX.Element => {
             <span className="no-wrap">
               transparency
               <img
-                className="icon"
+                className="external-link-icon"
                 src={ExternalLinkIcon}
                 alt="Open external link"
               />
diff --git a/frontend/pages/hosts/details/DeviceUserPage/_styles.scss b/frontend/pages/hosts/details/DeviceUserPage/_styles.scss
index fe2f9dc837..b335e635c7 100644
--- a/frontend/pages/hosts/details/DeviceUserPage/_styles.scss
+++ b/frontend/pages/hosts/details/DeviceUserPage/_styles.scss
@@ -18,7 +18,7 @@
     flex-direction: column;
   }
 
-  a img.icon {
+  a img.external-link-icon {
     width: 12px;
     height: 12px;
     margin-left: 0.25rem;