From 0a8197f85813460ac15548741ad1d2bfbb09a8ce Mon Sep 17 00:00:00 2001
From: Sapna Sivakumar <sivakumarsapna@gmail.com>
Date: Wed, 6 Dec 2023 13:54:40 +0000
Subject: [PATCH] [MM-55117] Replace usage of LocalizedIcon in
 'view_user_group_modal_header.tsx' with i/span tags (#25486)

---
 .../view_user_group_modal_header.tsx                  | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx
index 520757f19f..a2d9c253db 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx
@@ -3,17 +3,15 @@
 
 import React, {useCallback} from 'react';
 import {Modal} from 'react-bootstrap';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, useIntl} from 'react-intl';
 
 import type {Group} from '@mattermost/types/groups';
 
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
 import AddUsersToGroupModal from 'components/add_users_to_group_modal';
-import LocalizedIcon from 'components/localized_icon';
 
 import {ModalIdentifiers} from 'utils/constants';
-import {t} from 'utils/i18n';
 
 import type {ModalData} from 'types/actions';
 
@@ -58,6 +56,8 @@ const ViewUserGroupModalHeader = ({
     decrementMemberCount,
     actions,
 }: Props) => {
+    const {formatMessage} = useIntl();
+
     const goToAddPeopleModal = useCallback(() => {
         actions.openModal({
             modalId: ModalIdentifiers.ADD_USERS_TO_GROUP,
@@ -164,12 +164,11 @@ const ViewUserGroupModalHeader = ({
             <button
                 type='button'
                 className='modal-header-back-button btn btn-icon'
-                aria-label='Close'
+                aria-label={formatMessage({id: 'user_groups_modal.goBackLabel', defaultMessage: 'Back'})}
                 onClick={goBack}
             >
-                <LocalizedIcon
+                <i
                     className='icon icon-arrow-left'
-                    ariaLabel={{id: t('user_groups_modal.goBackLabel'), defaultMessage: 'Back'}}
                 />
             </button>
             {modalTitle()}