From 6fb4dbaeeb0cc61ae24a020819b12c78e8ca36b0 Mon Sep 17 00:00:00 2001
From: Bishal Pal <75329045+bishalpal@users.noreply.github.com>
Date: Sun, 29 Oct 2023 00:33:13 +0530
Subject: [PATCH] [MM-55119] Replace usage of LocalizedIcon in
 'fa_previous_icon.tsx' with i/span tags (#25190)

---
 .../widgets/icons/fa_previous_icon.tsx           | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx
index ae4c56ad12..54bf0f8b19 100644
--- a/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx
@@ -3,27 +3,21 @@
 
 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.previous',
-    defaultMessage: 'Previous Icon',
-});
-
 const PreviousIcon = ({additionalClassName}: Props) => {
+    const {formatMessage} = useIntl();
+
     return (
-        <LocalizedIcon
+        <i
             className={classNames('icon icon-chevron-left', additionalClassName)}
-            title={iconTitle}
+            title={formatMessage({id: 'generic_icons.previous', defaultMessage: 'Previous Icon'})}
         />
     );
 };
 
 export default React.memo(PreviousIcon);
-