From dc269f244e2e197a19bcbb326ebfe8f44724f352 Mon Sep 17 00:00:00 2001
From: Sapna Sivakumar <sivakumarsapna@gmail.com>
Date: Thu, 9 Nov 2023 10:23:46 +0000
Subject: [PATCH] [MM-55108] Replace usage of LocalizedIcon in
 'user_group_popover.tsx' with i/span tags (#25283)

---
 .../user_group_popover.test.tsx.snap              | 15 ++-------------
 .../user_group_popover/user_group_popover.tsx     |  5 +----
 2 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/webapp/channels/src/components/user_group_popover/__snapshots__/user_group_popover.test.tsx.snap b/webapp/channels/src/components/user_group_popover/__snapshots__/user_group_popover.test.tsx.snap
index e7d160fa06..f0ad2f9129 100644
--- a/webapp/channels/src/components/user_group_popover/__snapshots__/user_group_popover.test.tsx.snap
+++ b/webapp/channels/src/components/user_group_popover/__snapshots__/user_group_popover.test.tsx.snap
@@ -202,20 +202,9 @@ exports[`component/user_group_popover should match snapshot 1`] = `
                                 className="CloseButton-lhxEdi gyMeQZ btn btn-sm btn-compact btn-icon"
                                 onClick={[Function]}
                               >
-                                <LocalizedIcon
-                                  ariaLabel={
-                                    Object {
-                                      "defaultMessage": "Close",
-                                      "id": "user_group_popover.close",
-                                    }
-                                  }
+                                <i
                                   className="icon icon-close"
-                                >
-                                  <i
-                                    aria-label="Close"
-                                    className="icon icon-close"
-                                  />
-                                </LocalizedIcon>
+                                />
                               </button>
                             </CloseButton>
                           </div>
diff --git a/webapp/channels/src/components/user_group_popover/user_group_popover.tsx b/webapp/channels/src/components/user_group_popover/user_group_popover.tsx
index b8b99fd7d1..e8235ce578 100644
--- a/webapp/channels/src/components/user_group_popover/user_group_popover.tsx
+++ b/webapp/channels/src/components/user_group_popover/user_group_popover.tsx
@@ -12,7 +12,6 @@ import type {UserProfile} from '@mattermost/types/users';
 
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
-import LocalizedIcon from 'components/localized_icon';
 import {QuickInput} from 'components/quick_input/quick_input';
 import GroupMemberList from 'components/user_group_popover/group_member_list';
 import UserGroupsModal from 'components/user_groups_modal';
@@ -21,7 +20,6 @@ import Popover from 'components/widgets/popover';
 
 import Constants, {A11yClassNames, A11yCustomEventTypes, ModalIdentifiers} from 'utils/constants';
 import type {A11yFocusEventDetail} from 'utils/constants';
-import {t} from 'utils/i18n';
 import * as Keyboard from 'utils/keyboard';
 import {shouldFocusMainTextbox} from 'utils/post_utils';
 
@@ -209,9 +207,8 @@ const UserGroupPopover = (props: Props) => {
                             onClick={handleClose}
                             ref={closeRef}
                         >
-                            <LocalizedIcon
+                            <i
                                 className='icon icon-close'
-                                ariaLabel={{id: t('user_group_popover.close'), defaultMessage: 'Close'}}
                             />
                         </CloseButton>
                     </Heading>