From a942459b36bbbff2f10a20d97fc8d4a2823c5f07 Mon Sep 17 00:00:00 2001
From: Pritam Dhara <46365255+pritam1813@users.noreply.github.com>
Date: Wed, 26 Jul 2023 03:41:23 +0530
Subject: [PATCH] replaced actionablemessage in Import-Token.js (#20147)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* replaced actionablemessage in Import-Token.js

---------

Co-authored-by: MetaMask Bot <metamaskbot@users.noreply.github.com>

* Use single controller method to add transactions (#20007)

* fix: remove unused useMethodData code (#20146)

* Remove Snaps execution environment override (#20173)

* Used Box from component-library

---------

Co-authored-by: António Regadas <apregadas@gmail.com>
Co-authored-by: MetaMask Bot <metamaskbot@users.noreply.github.com>
Co-authored-by: Matthew Walsh <matthew.walsh@consensys.net>
Co-authored-by: Pedro Figueiredo <pedro.figueiredo@consensys.net>
Co-authored-by: Maarten Zuidhoorn <maarten@zuidhoorn.com>
---
 ui/pages/swaps/import-token/import-token.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/pages/swaps/import-token/import-token.js b/ui/pages/swaps/import-token/import-token.js
index eb8983262..b74c39f8e 100644
--- a/ui/pages/swaps/import-token/import-token.js
+++ b/ui/pages/swaps/import-token/import-token.js
@@ -4,14 +4,13 @@ import { I18nContext } from '../../../contexts/i18n';
 import UrlIcon from '../../../components/ui/url-icon';
 import Popover from '../../../components/ui/popover';
 import Button from '../../../components/ui/button';
-import Box from '../../../components/ui/box';
-import { Text } from '../../../components/component-library';
-import ActionableMessage from '../../../components/ui/actionable-message/actionable-message';
+import { Text, BannerAlert, Box } from '../../../components/component-library';
 import {
   TextVariant,
   FONT_WEIGHT,
   AlignItems,
   DISPLAY,
+  Severity,
 } from '../../../helpers/constants/design-system';
 
 export default function ImportToken({
@@ -55,7 +54,10 @@ export default function ImportToken({
         display={DISPLAY.FLEX}
         className="import-token"
       >
-        <ActionableMessage type="danger" message={t('importTokenWarning')} />
+        <BannerAlert
+          severity={Severity.Danger}
+          description={t('importTokenWarning')}
+        />
         <UrlIcon
           url={tokenForImport.iconUrl}
           className="import-token__token-icon"