From b0fcb12b99dd82316c7d26d073efa653bf4b0f80 Mon Sep 17 00:00:00 2001
From: Bhavya gor <56181880+bhavyagor12@users.noreply.github.com>
Date: Tue, 15 Aug 2023 20:50:02 +0530
Subject: [PATCH] Update BannerAlert icon to match Figma Issue#20355 (#20407)

* changed warning --> danger

* snapshot updates

* Adding comment

* Updating snapshot

---------

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
---
 .../__snapshots__/blockaid-banner-alert.test.js.snap        | 6 +++---
 .../component-library/banner-alert/banner-alert.js          | 2 +-
 .../__snapshots__/confirm-send-ether.test.js.snap           | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/components/app/security-provider-banner-alert/blockaid-banner-alert/__snapshots__/blockaid-banner-alert.test.js.snap b/ui/components/app/security-provider-banner-alert/blockaid-banner-alert/__snapshots__/blockaid-banner-alert.test.js.snap
index 14e94f41f..fb17c6870 100644
--- a/ui/components/app/security-provider-banner-alert/blockaid-banner-alert/__snapshots__/blockaid-banner-alert.test.js.snap
+++ b/ui/components/app/security-provider-banner-alert/blockaid-banner-alert/__snapshots__/blockaid-banner-alert.test.js.snap
@@ -52,7 +52,7 @@ exports[`Blockaid Banner Alert should render 'warning' UI when securityAlertResp
 >
   <span
     class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
-    style="mask-image: url('./images/icons/warning.svg');"
+    style="mask-image: url('./images/icons/danger.svg');"
   />
   <div>
     <h5
@@ -76,7 +76,7 @@ exports[`Blockaid Banner Alert should render 'warning' UI when securityAlertResp
 >
   <span
     class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
-    style="mask-image: url('./images/icons/warning.svg');"
+    style="mask-image: url('./images/icons/danger.svg');"
   />
   <div>
     <h5
@@ -123,7 +123,7 @@ exports[`Blockaid Banner Alert should render details when provided 1`] = `
   >
     <span
       class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
-      style="mask-image: url('./images/icons/warning.svg');"
+      style="mask-image: url('./images/icons/danger.svg');"
     />
     <div>
       <h5
diff --git a/ui/components/component-library/banner-alert/banner-alert.js b/ui/components/component-library/banner-alert/banner-alert.js
index ed45a3cad..f2280914c 100644
--- a/ui/components/component-library/banner-alert/banner-alert.js
+++ b/ui/components/component-library/banner-alert/banner-alert.js
@@ -26,7 +26,7 @@ export const BannerAlert = ({
         };
       case Severity.Warning:
         return {
-          name: IconName.Warning,
+          name: IconName.Danger, // Uses same icon as danger
           color: IconColor.warningDefault,
         };
       case Severity.Success:
diff --git a/ui/pages/confirm-send-ether/__snapshots__/confirm-send-ether.test.js.snap b/ui/pages/confirm-send-ether/__snapshots__/confirm-send-ether.test.js.snap
index c889ab296..e043ce645 100644
--- a/ui/pages/confirm-send-ether/__snapshots__/confirm-send-ether.test.js.snap
+++ b/ui/pages/confirm-send-ether/__snapshots__/confirm-send-ether.test.js.snap
@@ -319,7 +319,7 @@ exports[`ConfirmSendEther should render correct information for for confirm send
           >
             <span
               class="mm-box mm-icon mm-icon--size-lg mm-box--display-inline-block mm-box--color-warning-default"
-              style="mask-image: url('./images/icons/warning.svg');"
+              style="mask-image: url('./images/icons/danger.svg');"
             />
             <div>
               <p