[MM-56844] Convert ./components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx from Class Component to Function Component (#26233)

webapp/channels/src/components/admin_console/admin_sidebar/__snapshots__/admin_sidebar.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`components/AdminSidebar Plugins should filter plugins 1`] = `
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -84,7 +84,7 @@ exports[`components/AdminSidebar Plugins should match snapshot 1`] = `
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -491,7 +491,7 @@ exports[`components/AdminSidebar should match snapshot 1`] = `
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -1185,7 +1185,7 @@ exports[`components/AdminSidebar should match snapshot with workspace optimizati
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -1879,7 +1879,7 @@ exports[`components/AdminSidebar should match snapshot, no access 1`] = `
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -1934,7 +1934,7 @@ exports[`components/AdminSidebar should match snapshot, not prevent the console
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -2628,7 +2628,7 @@ exports[`components/AdminSidebar should match snapshot, render plugins without a
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -3322,7 +3322,7 @@ exports[`components/AdminSidebar should match snapshot, with license (with all f
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >
@@ -4178,7 +4178,7 @@ exports[`components/AdminSidebar should match snapshot, with license (without an
 <div
   className="admin-sidebar"
 >
-  <Connect(SidebarHeader) />
+  <Connect(Component) />
   <div
     className="filter-container"
   >

webapp/channels/src/components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx

@@ -1,8 +1,8 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import React, {memo} from 'react';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, useIntl} from 'react-intl';
 
 import type {UserProfile} from '@mattermost/types/users';
 
@@ -13,15 +13,12 @@ import MenuIcon from 'components/widgets/icons/menu_icon';
 import MenuWrapper from 'components/widgets/menu/menu_wrapper';
 import Avatar from 'components/widgets/users/avatar';
 
-import * as Utils from 'utils/utils';
-
 type Props = {
     currentUser: UserProfile;
 }
 
-export default class SidebarHeader extends React.PureComponent<Props> {
+const SidebarHeader = ({currentUser: me}: Props) => {
-    public render() {
+    const intl = useIntl();
-        const me = this.props.currentUser;
     let profilePicture = null;
 
     if (!me) {
@@ -54,7 +51,7 @@ export default class SidebarHeader extends React.PureComponent<Props> {
                 <button
                     type='button'
                     className='style--none'
-                        aria-label={Utils.localizeMessage('generic_icons.menu', 'Menu Icon')}
+                    aria-label={intl.formatMessage({id: 'generic_icons.menu', defaultMessage: 'Menu Icon'})}
                 >
                     <MenuIcon className='menu-icon'/>
                 </button>
@@ -62,5 +59,6 @@ export default class SidebarHeader extends React.PureComponent<Props> {
             <AdminNavbarDropdown/>
         </MenuWrapper>
     );
-    }
+};
-}
+
+export default memo(SidebarHeader);