From 5ef943316edd2009354bd28078ac886418654602 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Wed, 21 Jun 2023 16:08:58 +0100
Subject: [PATCH] ensure exclamation icon shows in badge

---
 .../src/lib/components/Badge.tsx              | 46 +++++++++++--------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx
index 18161e8da5..bfd2994a5e 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Badge.tsx
@@ -48,26 +48,34 @@ function Badge ({ badgeStatus }: BadgeProps) {
 
   return (
     <>
-      {
-          badgeStatus && checkStatusKeyValue(badgeStatus.key, badgeStatus.type) ? (
-            <CustomTooltip
-              placement={'right'}
-              tooltipClasses="text-nowrap"
-              tooltipId="verticalItemsbadge"
-              tooltipText={badgeStatus.title}
-            >
-            <i
-              className={`${resolveClasses(badgeStatus.key, badgeStatus.type!)}`}
-              aria-hidden="true"
-            >
-                  { badgeStatus.pluginName && badgeStatus.pluginName === 'solidityStaticAnalysis' ? badgeStatus.type === 'warning' || badgeStatus.type === 'error' ? <span>
-                    <i className="far fa-exclamation-triangle"></i></span>
-                    : <span>&nbsp;</span> : badgeStatus.text }
-            </i>
-          </CustomTooltip>) : null
-      }
+      {badgeStatus && checkStatusKeyValue(badgeStatus.key, badgeStatus.type) ? (
+        <CustomTooltip
+          placement={"right"}
+          tooltipClasses="text-nowrap"
+          tooltipId="verticalItemsbadge"
+          tooltipText={badgeStatus.title}
+        >
+          <i
+            className={`${resolveClasses(badgeStatus.key, badgeStatus.type!)}`}
+            aria-hidden="true"
+          >
+            {badgeStatus.pluginName &&
+              badgeStatus.pluginName === "solidityStaticAnalysis" ? (
+                badgeStatus.type === "warning" || badgeStatus.type === "error" || badgeStatus.type === "danger" ? (
+                  <span>
+                    <i className="far fa-exclamation-triangle"></i>
+                  </span>
+                ) : (
+                <span>&nbsp;</span>
+                )
+              ) : (
+              badgeStatus.text
+            )}
+          </i>
+        </CustomTooltip>
+      ) : null}
     </>
-  )
+  );
 }
 
 export default Badge