Fix icon

Shopify · Jan 24, 2024 · 8b329a4 · 8b329a4
1 parent 99e09f9
commit 8b329a4
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/polaris-react/src/components/Frame/components/Toast/Toast.tsx b/polaris-react/src/components/Frame/components/Toast/Toast.tsx
@@ -70,12 +70,21 @@ export function Toast({
     </div>
   ) : null;
 
-  const leadingIconMarkup =
-    error || icon ? (
+  let leadingIconMarkup = null;
+
+  if (error) {
+    leadingIconMarkup = (
+      <div className={styles.LeadingIcon}>
+        <Icon source={AlertCircleIcon} tone="inherit" />
+      </div>
+    );
+  } else if (icon) {
+    leadingIconMarkup = (
       <div className={styles.LeadingIcon}>
-        <Icon source={error ? AlertCircleIcon : icon} tone="inherit" />
+        <Icon source={icon} tone="inherit" />
       </div>
-    ) : undefined;
+    );
+  }
 
   const className = classNames(
     styles.Toast,