From 3116c7ad310e3f6163388fb6667e1a4423aa36cd Mon Sep 17 00:00:00 2001
From: Balaji K <balaji6292@gmail.com>
Date: Fri, 27 Oct 2023 18:38:39 +0530
Subject: [PATCH] [MM-55121] Replace usage of LocalizedIcon in
 'fa_success_icon.tsx' with i/span tags (#25134)

---
 .../__snapshots__/request_button.test.tsx.snap   | 16 +++-------------
 .../components/widgets/icons/fa_success_icon.tsx | 11 +++++------
 2 files changed, 8 insertions(+), 19 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/request_button/__snapshots__/request_button.test.tsx.snap b/webapp/channels/src/components/admin_console/request_button/__snapshots__/request_button.test.tsx.snap
index ab6604bd06..a868baec08 100644
--- a/webapp/channels/src/components/admin_console/request_button/__snapshots__/request_button.test.tsx.snap
+++ b/webapp/channels/src/components/admin_console/request_button/__snapshots__/request_button.test.tsx.snap
@@ -382,20 +382,10 @@ exports[`components/admin_console/request_button/request_button.jsx should match
             className="alert alert-success"
           >
             <SuccessIcon>
-              <LocalizedIcon
+              <i
                 className="fa fa-check"
-                title={
-                  Object {
-                    "defaultMessage": "Success Icon",
-                    "id": "generic_icons.success",
-                  }
-                }
-              >
-                <i
-                  className="fa fa-check"
-                  title="Success Icon"
-                />
-              </LocalizedIcon>
+                title="Success Icon"
+              />
             </SuccessIcon>
             <FormattedMessage
               defaultMessage="Success Message"
diff --git a/webapp/channels/src/components/widgets/icons/fa_success_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_success_icon.tsx
index 6c54452f54..87a055ebcd 100644
--- a/webapp/channels/src/components/widgets/icons/fa_success_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_success_icon.tsx
@@ -2,16 +2,15 @@
 // See LICENSE.txt for license information.
 
 import React from 'react';
-
-import LocalizedIcon from 'components/localized_icon';
-
-import {t} from 'utils/i18n';
+import {useIntl} from 'react-intl';
 
 export default function SuccessIcon() {
+    const {formatMessage} = useIntl();
+
     return (
-        <LocalizedIcon
+        <i
             className='fa fa-check'
-            title={{id: t('generic_icons.success'), defaultMessage: 'Success Icon'}}
+            title={formatMessage({id: 'generic_icons.success', defaultMessage: 'Success Icon'})}
         />
     );
 }