IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Syed Ali Abbas Zaidi 2024-02-21 15:04:15 +05:00 committed by GitHub
parent 95e85db811
commit 14dcdf7510
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 52 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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"
>

18
webapp/channels/src/components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx
View File

@ -1,8 +1,8 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import React from 'react';
import {FormattedMessage} from 'react-intl';
import React, {memo} from 'react';
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> {
public render() {
const me = this.props.currentUser;
const SidebarHeader = ({currentUser: me}: Props) => {
const intl = useIntl();
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);