From 6dda6e3540d290e8fd42adc2842d26c9c43eea3a Mon Sep 17 00:00:00 2001
From: Sudhanva-Nadiger <93595710+Sudhanva-Nadiger@users.noreply.github.com>
Date: Tue, 31 Oct 2023 13:44:07 +0530
Subject: [PATCH] [MM-54878] Replace usage of LocalizedIcon in
 'plain_log_list.tsx' with i/span tags (#25135)

---
 .../server_logs/plain_log_list.tsx              | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx b/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx
index 23fe1ba1ab..dadb44f277 100644
--- a/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx
+++ b/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx
@@ -2,28 +2,25 @@
 // See LICENSE.txt for license information.
 
 import React from 'react';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, injectIntl, type WrappedComponentProps} from 'react-intl';
 
-import LocalizedIcon from 'components/localized_icon';
 import NextIcon from 'components/widgets/icons/fa_next_icon';
 
-import {t} from 'utils/i18n';
-
 const NEXT_BUTTON_TIMEOUT = 500;
 
-type Props = {
+interface Props extends WrappedComponentProps {
     logs: string[];
     page: number;
     perPage: number;
     nextPage: () => void;
     previousPage: () => void;
-};
+}
 
 type State = {
     nextDisabled: boolean;
 };
 
-export default class PlainLogList extends React.PureComponent<Props, State> {
+class PlainLogList extends React.PureComponent<Props, State> {
     private logPanel: React.RefObject<HTMLDivElement>;
 
     constructor(props: Props) {
@@ -96,9 +93,9 @@ export default class PlainLogList extends React.PureComponent<Props, State> {
                     className='btn btn-tertiary filter-control filter-control__prev'
                     onClick={this.previousPage}
                 >
-                    <LocalizedIcon
+                    <i
                         className='fa fa-angle-left'
-                        title={{id: t('generic_icons.previous'), defaultMessage: 'Previous Icon'}}
+                        title={this.props.intl.formatMessage({id: 'generic_icons.previous', defaultMessage: 'Previous Icon'})}
                     />
                     <FormattedMessage
                         id='admin.logs.prev'
@@ -147,3 +144,5 @@ export default class PlainLogList extends React.PureComponent<Props, State> {
         );
     }
 }
+
+export default injectIntl(PlainLogList);