From eb51d43a2d360f8aec9896d3ca7776c067e88258 Mon Sep 17 00:00:00 2001
From: js029 <75493971+js029@users.noreply.github.com>
Date: Fri, 27 Oct 2023 11:09:26 +0200
Subject: [PATCH] [MM-55097] Replace usage of LocalizedIcon in
 'channel_header.tsx' with i/span tags (#25125)

---
 .../src/components/channel_header/channel_header.tsx   | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/webapp/channels/src/components/channel_header/channel_header.tsx b/webapp/channels/src/components/channel_header/channel_header.tsx
index bc9727460a..8064e89451 100644
--- a/webapp/channels/src/components/channel_header/channel_header.tsx
+++ b/webapp/channels/src/components/channel_header/channel_header.tsx
@@ -19,7 +19,6 @@ import {ChannelHeaderDropdown} from 'components/channel_header_dropdown';
 import CustomStatusEmoji from 'components/custom_status/custom_status_emoji';
 import CustomStatusText from 'components/custom_status/custom_status_text';
 import EditChannelHeaderModal from 'components/edit_channel_header_modal';
-import LocalizedIcon from 'components/localized_icon';
 import Markdown from 'components/markdown';
 import OverlayTrigger from 'components/overlay_trigger';
 import type {BaseOverlayTrigger} from 'components/overlay_trigger';
@@ -42,7 +41,6 @@ import {
     NotificationLevels,
     RHSStates,
 } from 'utils/constants';
-import {t} from 'utils/i18n';
 import {handleFormattedTextClick, localizeMessage, isEmptyObject, toTitleCase} from 'utils/utils';
 
 import type {ModalData} from 'types/actions';
@@ -623,9 +621,9 @@ class ChannelHeader extends React.PureComponent<Props, State> {
                                     id='channel_header.addChannelHeader'
                                     defaultMessage='Add a channel header'
                                 />
-                                <LocalizedIcon
+                                <i
                                     className='icon icon-pencil-outline edit-icon'
-                                    ariaLabel={{id: t('channel_header.editLink'), defaultMessage: 'Edit'}}
+                                    aria-label={this.props.intl.formatMessage({id: 'channel_header.editLink', defaultMessage: 'Edit'})}
                                 />
                             </button>
                         );
@@ -645,9 +643,9 @@ class ChannelHeader extends React.PureComponent<Props, State> {
                                     id='channel_header.addChannelHeader'
                                     defaultMessage='Add a channel header'
                                 />
-                                <LocalizedIcon
+                                <i
                                     className='icon icon-pencil-outline edit-icon'
-                                    ariaLabel={{id: t('channel_header.editLink'), defaultMessage: 'Edit'}}
+                                    aria-label={this.props.intl.formatMessage({id: 'channel_header.editLink', defaultMessage: 'Edit'})}
                                 />
                             </button>
                         </ChannelPermissionGate>