From c4d2504605099ad5393f2b8ab5213f554f3e8a23 Mon Sep 17 00:00:00 2001
From: Balaji K <balaji6292@gmail.com>
Date: Thu, 26 Oct 2023 12:27:06 +0530
Subject: [PATCH] [MM-55118] Replace usage of LocalizedIcon in
 'fa_next_icon.tsx' with i/span tags (#25133)

---
 .../components/widgets/icons/fa_next_icon.tsx  | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
index 331a568548..b5e6ff1703 100644
--- a/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
@@ -3,24 +3,22 @@
 
 import classNames from 'classnames';
 import React from 'react';
-import {defineMessage} from 'react-intl';
-
-import LocalizedIcon from 'components/localized_icon';
+import {useIntl} from 'react-intl';
 
 type Props = {
     additionalClassName?: string;
 }
 
-const iconTitle = defineMessage({
-    id: 'generic_icons.next',
-    defaultMessage: 'Next Icon',
-});
-
 const NextIcon = ({additionalClassName}: Props) => {
+    const {formatMessage} = useIntl();
+
     return (
-        <LocalizedIcon
+        <i
             className={classNames('icon icon-chevron-right', additionalClassName)}
-            title={iconTitle}
+            title={formatMessage({
+                id: 'generic_icons.next',
+                defaultMessage: 'Next Icon',
+            })}
         />
     );
 };