From dda3bf1decb781365a892dc9960f4a1fee2023bf Mon Sep 17 00:00:00 2001
From: Suraj lal <52974372+sjcode99@users.noreply.github.com>
Date: Tue, 31 Oct 2023 11:02:27 +0530
Subject: [PATCH] [MM-55115] Replace usage of LocalizedIcon in
 'view_user_group_header_sub_menu.tsx' with i/span tags (#25207)

---
 .../view_user_group_header_sub_menu.tsx                  | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx
index d3ffc60a00..f7ea3c3384 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx
@@ -2,18 +2,17 @@
 // See LICENSE.txt for license information.
 
 import React, {useCallback} from 'react';
+import {useIntl} from 'react-intl';
 
 import type {Group} from '@mattermost/types/groups';
 
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
-import LocalizedIcon from 'components/localized_icon';
 import UpdateUserGroupModal from 'components/update_user_group_modal';
 import Menu from 'components/widgets/menu/menu';
 import MenuWrapper from 'components/widgets/menu/menu_wrapper';
 
 import {ModalIdentifiers} from 'utils/constants';
-import {t} from 'utils/i18n';
 import * as Utils from 'utils/utils';
 
 import type {ModalData} from 'types/actions';
@@ -83,6 +82,8 @@ const ViewUserGroupHeaderSubMenu = (props: Props) => {
         });
     }, [group.id, actions.archiveGroup, backButtonCallback, onExited]);
 
+    const {formatMessage} = useIntl();
+
     return (
         <div className='details-action'>
             <MenuWrapper
@@ -91,9 +92,9 @@ const ViewUserGroupHeaderSubMenu = (props: Props) => {
                 id={`detailsCustomWrapper-${group.id}`}
             >
                 <button className='btn btn-icon'>
-                    <LocalizedIcon
+                    <i
                         className='icon icon-dots-vertical'
-                        ariaLabel={{id: t('user_groups_modal.goBackLabel'), defaultMessage: 'Back'}}
+                        aria-label={formatMessage({id: 'user_groups_modal.goBackLabel', defaultMessage: 'Back'})}
                     />
                 </button>
                 <Menu