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-54814: Convert ./components/widgets/menu/menu_group.tsx from Class Component to Function Component (#25183)

Browse Source 
* MM-54814: Convert ./components/widgets/menu/menu_group.tsx from Class Component to Function Component

Signed-off-by: Nicolas Le Cam <niko.lecam@gmail.com>

* review: Don't rerender component if props are unchanged

Signed-off-by: Nicolas Le Cam <niko.lecam@gmail.com>

* Fix tests

Signed-off-by: Nicolas Le Cam <niko.lecam@gmail.com>

---------

Signed-off-by: Nicolas Le Cam <niko.lecam@gmail.com>
This commit is contained in:
Nicolas Le Cam 2023-11-21 11:25:54 +01:00 committed by GitHub
parent d5c04f5d95
commit 88520e6740
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 262 additions and 262 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
webapp/channels/src/components/channel_header_dropdown/__snapshots__/channel_header_dropdown.test.tsx.snap
View File

@ -47,7 +47,7 @@ exports[`components/ChannelHeaderDropdown should match snapshot with no plugin i
inHeaderDropdown={true} inHeaderDropdown={true}
openUp={false} openUp={false}
/> />
<MenuGroup> <Memo(MenuGroup)>
<Connect(ToggleFavoriteChannel) <Connect(ToggleFavoriteChannel)
channel={ channel={
Object { Object {
@ -231,8 +231,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with no plugin i
} }
} }
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(Component) <Connect(Component)
channelId="test-channel-id" channelId="test-channel-id"
permissions={ permissions={
@ -424,8 +424,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with no plugin i
text="View Members" text="View Members"
/> />
</Connect(Component)> </Connect(Component)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
dialogProps={ dialogProps={
Object { Object {
@ -496,8 +496,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with no plugin i
show={false} show={false}
text="Convert to Private Channel" text="Convert to Private Channel"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(Component) <Connect(Component)
channelId="test-channel-id" channelId="test-channel-id"
permissions={ permissions={
@ -780,9 +780,9 @@ exports[`components/ChannelHeaderDropdown should match snapshot with no plugin i
<Connect(Component) <Connect(Component)
isArchived={false} isArchived={false}
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
<MenuGroup> <Memo(MenuGroup)>
<Connect(Component) <Connect(Component)
channelId="test-channel-id" channelId="test-channel-id"
permissions={ permissions={
@ -828,7 +828,7 @@ exports[`components/ChannelHeaderDropdown should match snapshot with no plugin i
text="Unarchive Channel" text="Unarchive Channel"
/> />
</Connect(Component)> </Connect(Component)>
</MenuGroup> </Memo(MenuGroup)>
</Fragment> </Fragment>
`; `;
@ -879,7 +879,7 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
inHeaderDropdown={true} inHeaderDropdown={true}
openUp={false} openUp={false}
/> />
<MenuGroup> <Memo(MenuGroup)>
<Connect(ToggleFavoriteChannel) <Connect(ToggleFavoriteChannel)
channel={ channel={
Object { Object {
@ -1063,8 +1063,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
} }
} }
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(Component) <Connect(Component)
channelId="test-channel-id" channelId="test-channel-id"
permissions={ permissions={
@ -1256,8 +1256,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
text="View Members" text="View Members"
/> />
</Connect(Component)> </Connect(Component)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
dialogProps={ dialogProps={
Object { Object {
@ -1328,8 +1328,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
show={false} show={false}
text="Convert to Private Channel" text="Convert to Private Channel"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(Component) <Connect(Component)
channelId="test-channel-id" channelId="test-channel-id"
permissions={ permissions={
@ -1612,8 +1612,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
<Connect(Component) <Connect(Component)
isArchived={false} isArchived={false}
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
id="plugin-1_pluginmenuitem" id="plugin-1_pluginmenuitem"
key="plugin-1_pluginmenuitem" key="plugin-1_pluginmenuitem"
@ -1628,8 +1628,8 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
show={true} show={true}
text="plugin-2-text" text="plugin-2-text"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(Component) <Connect(Component)
channelId="test-channel-id" channelId="test-channel-id"
permissions={ permissions={
@ -1675,6 +1675,6 @@ exports[`components/ChannelHeaderDropdown should match snapshot with plugins 1`]
text="Unarchive Channel" text="Unarchive Channel"
/> />
</Connect(Component)> </Connect(Component)>
</MenuGroup> </Memo(MenuGroup)>
</Fragment> </Fragment>
`; `;

12
webapp/channels/src/components/global_header/center_controls/user_guide_dropdown/__snapshots__/user_guide_dropdown.test.tsx.snap
View File

@ -47,7 +47,7 @@ exports[`components/channel_header/components/UserGuideDropdown should match sna
openLeft={false} openLeft={false}
openUp={false} openUp={false}
> >
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
iconClassName="icon-file-text-outline" iconClassName="icon-file-text-outline"
id="mattermostUserGuideLink" id="mattermostUserGuideLink"
@ -84,7 +84,7 @@ exports[`components/channel_header/components/UserGuideDropdown should match sna
show={true} show={true}
text="Keyboard shortcuts" text="Keyboard shortcuts"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -136,7 +136,7 @@ exports[`components/channel_header/components/UserGuideDropdown should match sna
openLeft={false} openLeft={false}
openUp={false} openUp={false}
> >
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
iconClassName="icon-file-text-outline" iconClassName="icon-file-text-outline"
id="mattermostUserGuideLink" id="mattermostUserGuideLink"
@ -165,7 +165,7 @@ exports[`components/channel_header/components/UserGuideDropdown should match sna
show={true} show={true}
text="Keyboard shortcuts" text="Keyboard shortcuts"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -217,7 +217,7 @@ exports[`components/channel_header/components/UserGuideDropdown should match sna
openLeft={false} openLeft={false}
openUp={false} openUp={false}
> >
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
iconClassName="icon-file-text-outline" iconClassName="icon-file-text-outline"
id="mattermostUserGuideLink" id="mattermostUserGuideLink"
@ -262,7 +262,7 @@ exports[`components/channel_header/components/UserGuideDropdown should match sna
show={true} show={true}
text="Test Item" text="Test Item"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;

8
webapp/channels/src/components/global_header/left_controls/product_menu/product_menu_list/__snapshots__/product_menu_list.test.tsx.snap
View File

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`components/global/product_switcher_menu should match snapshot with id 1`] = ` exports[`components/global/product_switcher_menu should match snapshot with id 1`] = `
<MenuGroup> <Memo(MenuGroup)>
<div <div
onClick={[Function]} onClick={[Function]}
> >
@ -195,11 +195,11 @@ exports[`components/global/product_switcher_menu should match snapshot with id 1
text="About " text="About "
/> />
</div> </div>
</MenuGroup> </Memo(MenuGroup)>
`; `;
exports[`components/global/product_switcher_menu should match snapshot with most of the thing enabled 1`] = ` exports[`components/global/product_switcher_menu should match snapshot with most of the thing enabled 1`] = `
<MenuGroup> <Memo(MenuGroup)>
<div <div
onClick={[Function]} onClick={[Function]}
> >
@ -393,7 +393,7 @@ exports[`components/global/product_switcher_menu should match snapshot with most
text="About " text="About "
/> />
</div> </div>
</MenuGroup> </Memo(MenuGroup)>
`; `;
exports[`components/global/product_switcher_menu should match userGroups snapshot with EnableCustomGroups config 1`] = ` exports[`components/global/product_switcher_menu should match userGroups snapshot with EnableCustomGroups config 1`] = `

6
webapp/channels/src/components/global_header/left_controls/product_menu/product_menu_list/product_menu_list.test.tsx
View File

@ -6,17 +6,19 @@ import React from 'react';
import type {UserProfile} from '@mattermost/types/users'; import type {UserProfile} from '@mattermost/types/users';
import MenuGroup from 'components/widgets/menu/menu_group';
import {TestHelper} from 'utils/test_helper'; import {TestHelper} from 'utils/test_helper';
import ProductMenuList from './product_menu_list'; import ProductMenuList from './product_menu_list';
import type {Props as ProductMenuListProps} from './product_menu_list'; import type {Props as ProductMenuListProps} from './product_menu_list';
describe('components/global/product_switcher_menu', () => { describe('components/global/product_switcher_menu', () => {
// Neccessary for components enhanced by HOCs due to issue with enzyme. // Necessary for components enhanced by HOCs due to issue with enzyme.
// See https://github.com/enzymejs/enzyme/issues/539 // See https://github.com/enzymejs/enzyme/issues/539
const getMenuWrapper = (props: ProductMenuListProps) => { const getMenuWrapper = (props: ProductMenuListProps) => {
const wrapper = shallow(<ProductMenuList {...props}/>); const wrapper = shallow(<ProductMenuList {...props}/>);
return wrapper.find('MenuGroup').shallow(); return wrapper.find(MenuGroup).shallow();
}; };
const user = TestHelper.getUserMock({ const user = TestHelper.getUserMock({

180
webapp/channels/src/components/main_menu/__snapshots__/main_menu.test.tsx.snap
View File

@ -54,7 +54,7 @@ exports[`components/Menu should match snapshot with guest access disabled and no
<Menu <Menu
ariaLabel="team menu" ariaLabel="team menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -208,8 +208,8 @@ exports[`components/Menu should match snapshot with guest access disabled and no
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -227,8 +227,8 @@ exports[`components/Menu should match snapshot with guest access disabled and no
to="/create_team" to="/create_team"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
</Menu> </Menu>
`; `;
@ -237,7 +237,7 @@ exports[`components/Menu should match snapshot with id 1`] = `
ariaLabel="team menu" ariaLabel="team menu"
id="test-id" id="test-id"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -409,8 +409,8 @@ exports[`components/Menu should match snapshot with id 1`] = `
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -428,8 +428,8 @@ exports[`components/Menu should match snapshot with id 1`] = `
to="/create_team" to="/create_team"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
</Menu> </Menu>
`; `;
@ -437,7 +437,7 @@ exports[`components/Menu should match snapshot with most of the thing disabled 1
<Menu <Menu
ariaLabel="team menu" ariaLabel="team menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -609,8 +609,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled 1
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -628,8 +628,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled 1
to="/create_team" to="/create_team"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
</Menu> </Menu>
`; `;
@ -637,7 +637,7 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
<Menu <Menu
ariaLabel="main menu" ariaLabel="main menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -649,8 +649,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
id="menuCloudTrial" id="menuCloudTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -662,8 +662,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
id="startTrial" id="startTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -688,8 +688,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
show={true} show={true}
text="Saved messages" text="Saved messages"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
dialogProps={ dialogProps={
Object { Object {
@ -738,8 +738,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
show={true} show={true}
text="Settings" text="Settings"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -799,8 +799,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
text="Invite People" text="Invite People"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -921,8 +921,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
text="View Members" text="View Members"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -968,17 +968,17 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
<MenuGroup> <Memo(MenuGroup)>
<MenuItemLink <MenuItemLink
id="integrations" id="integrations"
show={false} show={false}
text="Integrations" text="Integrations"
to="/team_name/integrations" to="/team_name/integrations"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
icon={ icon={
<i <i
@ -1029,8 +1029,8 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
show={true} show={true}
text="About Mattermost" text="About Mattermost"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -1042,7 +1042,7 @@ exports[`components/Menu should match snapshot with most of the thing disabled i
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
`; `;
@ -1050,7 +1050,7 @@ exports[`components/Menu should match snapshot with most of the thing enabled 1`
<Menu <Menu
ariaLabel="team menu" ariaLabel="team menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1222,8 +1222,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled 1`
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1241,8 +1241,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled 1`
to="/create_team" to="/create_team"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
</Menu> </Menu>
`; `;
@ -1250,7 +1250,7 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
<Menu <Menu
ariaLabel="main menu" ariaLabel="main menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1262,8 +1262,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
id="menuCloudTrial" id="menuCloudTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1275,8 +1275,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
id="startTrial" id="startTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -1301,8 +1301,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
show={true} show={true}
text="Saved messages" text="Saved messages"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
dialogProps={ dialogProps={
Object { Object {
@ -1351,8 +1351,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
show={true} show={true}
text="Settings" text="Settings"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1412,8 +1412,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
text="Invite People" text="Invite People"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1534,8 +1534,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
text="View Members" text="View Members"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1581,17 +1581,17 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup /> <Memo(MenuGroup) />
<MenuGroup> <Memo(MenuGroup)>
<MenuItemLink <MenuItemLink
id="integrations" id="integrations"
show={false} show={false}
text="Integrations" text="Integrations"
to="/team_name/integrations" to="/team_name/integrations"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
icon={ icon={
<i <i
@ -1644,8 +1644,8 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
show={true} show={true}
text="About Mattermost" text="About Mattermost"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -1657,7 +1657,7 @@ exports[`components/Menu should match snapshot with most of the thing enabled in
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
`; `;
@ -1665,7 +1665,7 @@ exports[`components/Menu should match snapshot with plugins 1`] = `
<Menu <Menu
ariaLabel="team menu" ariaLabel="team menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1837,8 +1837,8 @@ exports[`components/Menu should match snapshot with plugins 1`] = `
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1856,8 +1856,8 @@ exports[`components/Menu should match snapshot with plugins 1`] = `
to="/create_team" to="/create_team"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={false} icon={false}
id="plugin-id-1_pluginmenuitem" id="plugin-id-1_pluginmenuitem"
@ -1872,7 +1872,7 @@ exports[`components/Menu should match snapshot with plugins 1`] = `
onClick={[Function]} onClick={[Function]}
show={true} show={true}
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
`; `;
@ -1880,7 +1880,7 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
<Menu <Menu
ariaLabel="main menu" ariaLabel="main menu"
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1892,8 +1892,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
id="menuCloudTrial" id="menuCloudTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -1905,8 +1905,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
id="startTrial" id="startTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -1931,8 +1931,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
show={true} show={true}
text="Saved messages" text="Saved messages"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
dialogProps={ dialogProps={
Object { Object {
@ -1981,8 +1981,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
show={true} show={true}
text="Settings" text="Settings"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -2042,8 +2042,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
text="Invite People" text="Invite People"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -2164,8 +2164,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
text="View Members" text="View Members"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -2211,8 +2211,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
show={true} show={true}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
id="plugin-id-1_pluginmenuitem" id="plugin-id-1_pluginmenuitem"
key="plugin-id-1_pluginmenuitem" key="plugin-id-1_pluginmenuitem"
@ -2225,16 +2225,16 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
onClick={[Function]} onClick={[Function]}
show={true} show={true}
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemLink <MenuItemLink
id="integrations" id="integrations"
show={false} show={false}
text="Integrations" text="Integrations"
to="/team_name/integrations" to="/team_name/integrations"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
icon={ icon={
<i <i
@ -2285,8 +2285,8 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
show={true} show={true}
text="About Mattermost" text="About Mattermost"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -2298,6 +2298,6 @@ exports[`components/Menu should match snapshot with plugins in mobile 1`] = `
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
`; `;

8
webapp/channels/src/components/search/user_guide_dropdown/__snapshots__/user_guide_dropdown.test.tsx.snap
View File

@ -45,7 +45,7 @@ exports[`UserGuideDropdown should match snapshot 1`] = `
openLeft={true} openLeft={true}
openUp={false} openUp={false}
> >
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
id="askTheCommunityLink" id="askTheCommunityLink"
onClick={[Function]} onClick={[Function]}
@ -71,7 +71,7 @@ exports[`UserGuideDropdown should match snapshot 1`] = `
show={true} show={true}
text="Keyboard shortcuts" text="Keyboard shortcuts"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -121,7 +121,7 @@ exports[`UserGuideDropdown should match snapshot for false of enableAskCommunity
openLeft={true} openLeft={true}
openUp={false} openUp={false}
> >
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
id="helpResourcesLink" id="helpResourcesLink"
show={true} show={true}
@ -140,7 +140,7 @@ exports[`UserGuideDropdown should match snapshot for false of enableAskCommunity
show={true} show={true}
text="Keyboard shortcuts" text="Keyboard shortcuts"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;

4
webapp/channels/src/components/sidebar/__snapshots__/add_channels_cta_button.test.tsx.snap
View File

@ -28,7 +28,7 @@ exports[`components/new_channel_modal should match snapshot 1`] = `
ariaLabel="Add Channels Dropdown" ariaLabel="Add Channels Dropdown"
id="AddChannelCtaDropdown" id="AddChannelCtaDropdown"
> >
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -51,7 +51,7 @@ exports[`components/new_channel_modal should match snapshot 1`] = `
show={true} show={true}
text="Browse channels" text="Browse channels"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;

168
webapp/channels/src/components/status_dropdown/__snapshots__/status_dropdown.test.tsx.snap
View File

@ -58,7 +58,7 @@ exports[`components/StatusDropdown should match snapshot in default state 1`] =
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -66,8 +66,8 @@ exports[`components/StatusDropdown should match snapshot in default state 1`] =
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -189,8 +189,8 @@ exports[`components/StatusDropdown should match snapshot in default state 1`] =
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -216,8 +216,8 @@ exports[`components/StatusDropdown should match snapshot in default state 1`] =
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -229,7 +229,7 @@ exports[`components/StatusDropdown should match snapshot in default state 1`] =
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -292,7 +292,7 @@ exports[`components/StatusDropdown should match snapshot with custom status and
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -300,8 +300,8 @@ exports[`components/StatusDropdown should match snapshot with custom status and
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="In a meeting" ariaLabel="In a meeting"
className="MenuItem__primary-text custom_status__row" className="MenuItem__primary-text custom_status__row"
@ -381,8 +381,8 @@ exports[`components/StatusDropdown should match snapshot with custom status and
withinBrackets={true} withinBrackets={true}
/> />
</MenuItemToggleModalRedux> </MenuItemToggleModalRedux>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -504,8 +504,8 @@ exports[`components/StatusDropdown should match snapshot with custom status and
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -531,8 +531,8 @@ exports[`components/StatusDropdown should match snapshot with custom status and
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -544,7 +544,7 @@ exports[`components/StatusDropdown should match snapshot with custom status and
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -607,7 +607,7 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -615,8 +615,8 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Set a Custom Status" ariaLabel="Set a Custom Status"
className="MenuItem__primary-text custom_status__row" className="MenuItem__primary-text custom_status__row"
@ -648,8 +648,8 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
</Text> </Text>
</span> </span>
</MenuItemToggleModalRedux> </MenuItemToggleModalRedux>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -771,8 +771,8 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -798,8 +798,8 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -811,7 +811,7 @@ exports[`components/StatusDropdown should match snapshot with custom status enab
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -874,7 +874,7 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -882,8 +882,8 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Set a Custom Status" ariaLabel="Set a Custom Status"
className="MenuItem__primary-text custom_status__row" className="MenuItem__primary-text custom_status__row"
@ -915,8 +915,8 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
</Text> </Text>
</span> </span>
</MenuItemToggleModalRedux> </MenuItemToggleModalRedux>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -1038,8 +1038,8 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -1065,8 +1065,8 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -1078,7 +1078,7 @@ exports[`components/StatusDropdown should match snapshot with custom status expi
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -1141,7 +1141,7 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -1149,8 +1149,8 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Set a Custom Status" ariaLabel="Set a Custom Status"
className="MenuItem__primary-text custom_status__row" className="MenuItem__primary-text custom_status__row"
@ -1183,8 +1183,8 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
<PulsatingDot /> <PulsatingDot />
</span> </span>
</MenuItemToggleModalRedux> </MenuItemToggleModalRedux>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -1306,8 +1306,8 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -1333,8 +1333,8 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -1346,7 +1346,7 @@ exports[`components/StatusDropdown should match snapshot with custom status puls
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -1417,7 +1417,7 @@ exports[`components/StatusDropdown should match snapshot with profile picture UR
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -1425,8 +1425,8 @@ exports[`components/StatusDropdown should match snapshot with profile picture UR
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -1548,8 +1548,8 @@ exports[`components/StatusDropdown should match snapshot with profile picture UR
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -1575,8 +1575,8 @@ exports[`components/StatusDropdown should match snapshot with profile picture UR
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -1588,7 +1588,7 @@ exports[`components/StatusDropdown should match snapshot with profile picture UR
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -1651,7 +1651,7 @@ exports[`components/StatusDropdown should match snapshot with status dropdown op
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -1659,8 +1659,8 @@ exports[`components/StatusDropdown should match snapshot with status dropdown op
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -1782,8 +1782,8 @@ exports[`components/StatusDropdown should match snapshot with status dropdown op
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -1809,8 +1809,8 @@ exports[`components/StatusDropdown should match snapshot with status dropdown op
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -1822,7 +1822,7 @@ exports[`components/StatusDropdown should match snapshot with status dropdown op
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -1885,7 +1885,7 @@ exports[`components/StatusDropdown should not show clear status button when cust
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -1893,8 +1893,8 @@ exports[`components/StatusDropdown should not show clear status button when cust
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Set a Custom Status" ariaLabel="Set a Custom Status"
className="MenuItem__primary-text custom_status__row" className="MenuItem__primary-text custom_status__row"
@ -1926,8 +1926,8 @@ exports[`components/StatusDropdown should not show clear status button when cust
</Text> </Text>
</span> </span>
</MenuItemToggleModalRedux> </MenuItemToggleModalRedux>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -2049,8 +2049,8 @@ exports[`components/StatusDropdown should not show clear status button when cust
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -2076,8 +2076,8 @@ exports[`components/StatusDropdown should not show clear status button when cust
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -2089,7 +2089,7 @@ exports[`components/StatusDropdown should not show clear status button when cust
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;
@ -2152,7 +2152,7 @@ exports[`components/StatusDropdown should show clear status button when custom s
</Text> </Text>
</div> </div>
</Memo(MenuHeader)> </Memo(MenuHeader)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="out of office" ariaLabel="out of office"
extraText="Automatic Replies are enabled" extraText="Automatic Replies are enabled"
@ -2160,8 +2160,8 @@ exports[`components/StatusDropdown should show clear status button when custom s
show={false} show={false}
text="Out of office" text="Out of office"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="In a meeting" ariaLabel="In a meeting"
className="MenuItem__primary-text custom_status__row" className="MenuItem__primary-text custom_status__row"
@ -2241,8 +2241,8 @@ exports[`components/StatusDropdown should show clear status button when custom s
withinBrackets={true} withinBrackets={true}
/> />
</MenuItemToggleModalRedux> </MenuItemToggleModalRedux>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
ariaLabel="online" ariaLabel="online"
icon={ icon={
@ -2364,8 +2364,8 @@ exports[`components/StatusDropdown should show clear status button when custom s
show={true} show={true}
text="Offline" text="Offline"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
ariaLabel="Profile" ariaLabel="Profile"
dialogProps={ dialogProps={
@ -2391,8 +2391,8 @@ exports[`components/StatusDropdown should show clear status button when custom s
show={true} show={true}
text="Profile" text="Profile"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<ExitToAppIcon <ExitToAppIcon
@ -2404,7 +2404,7 @@ exports[`components/StatusDropdown should show clear status button when custom s
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</Menu> </Menu>
</MenuWrapper> </MenuWrapper>
`; `;

36
webapp/channels/src/components/widgets/menu/menu_group.tsx
View File

@ -8,32 +8,30 @@ import './menu_group.scss';
type Props = { type Props = {
divider?: React.ReactNode; divider?: React.ReactNode;
children?: React.ReactNode; children?: React.ReactNode;
} };
/** /**
* @deprecated Use the "webapp/channels/src/components/menu" instead. * @deprecated Use the "webapp/channels/src/components/menu" instead.
*/ */
export default class MenuGroup extends React.PureComponent<Props> { const MenuGroup = (props: Props) => {
handleDividerClick = (e: React.MouseEvent): void => { const handleDividerClick = (e: React.MouseEvent): void => {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
}; };
public render() { const divider = props.divider ?? (
const {children} = this.props; <li
className='MenuGroup menu-divider'
onClick={handleDividerClick}
/>
);
const divider = this.props.divider || ( return (
<li <>
className='MenuGroup menu-divider' {divider}
onClick={this.handleDividerClick} {props.children}
/> </>
); );
};
return ( export default React.memo(MenuGroup);
<React.Fragment>
{divider}
{children}
</React.Fragment>
);
}
}

56
webapp/channels/src/plugins/test/__snapshots__/main_menu_action.test.tsx.snap
View File

@ -11,7 +11,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
onClick={[Function]} onClick={[Function]}
style={Object {}} style={Object {}}
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -23,8 +23,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
id="menuCloudTrial" id="menuCloudTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -36,8 +36,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
id="startTrial" id="startTrial"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -62,8 +62,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
show={true} show={true}
text="Saved messages" text="Saved messages"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemToggleModalRedux <MenuItemToggleModalRedux
dialogProps={ dialogProps={
Object { Object {
@ -112,8 +112,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
show={true} show={true}
text="Settings" text="Settings"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -173,8 +173,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
text="Invite People" text="Invite People"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -295,8 +295,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
text="View Members" text="View Members"
/> />
</Connect(TeamPermissionGate)> </Connect(TeamPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -342,8 +342,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
show={false} show={false}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
id="someplugin_pluginmenuitem" id="someplugin_pluginmenuitem"
key="someplugin_pluginmenuitem" key="someplugin_pluginmenuitem"
@ -351,16 +351,16 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
show={true} show={true}
text="some plugin text" text="some plugin text"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemLink <MenuItemLink
id="integrations" id="integrations"
show={false} show={false}
text="Integrations" text="Integrations"
to="/somename/integrations" to="/somename/integrations"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemExternalLink <MenuItemExternalLink
icon={ icon={
<i <i
@ -411,8 +411,8 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
show={true} show={true}
text="About Mattermost" text="About Mattermost"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={ icon={
<i <i
@ -424,7 +424,7 @@ exports[`plugins/MainMenuActions should match snapshot in mobile view with some
show={true} show={true}
text="Log Out" text="Log Out"
/> />
</MenuGroup> </Memo(MenuGroup)>
</ul> </ul>
</div> </div>
`; `;
@ -440,7 +440,7 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
onClick={[Function]} onClick={[Function]}
style={Object {}} style={Object {}}
> >
<MenuGroup> <Memo(MenuGroup)>
<Connect(TeamPermissionGate) <Connect(TeamPermissionGate)
permissions={ permissions={
Array [ Array [
@ -612,8 +612,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
show={false} show={false}
text="Leave Team" text="Leave Team"
/> />
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<Connect(SystemPermissionGate) <Connect(SystemPermissionGate)
permissions={ permissions={
Array [ Array [
@ -631,8 +631,8 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
to="/create_team" to="/create_team"
/> />
</Connect(SystemPermissionGate)> </Connect(SystemPermissionGate)>
</MenuGroup> </Memo(MenuGroup)>
<MenuGroup> <Memo(MenuGroup)>
<MenuItemAction <MenuItemAction
icon={false} icon={false}
id="someplugin_pluginmenuitem" id="someplugin_pluginmenuitem"
@ -641,7 +641,7 @@ exports[`plugins/MainMenuActions should match snapshot in web view 1`] = `
show={true} show={true}
text="some plugin text" text="some plugin text"
/> />
</MenuGroup> </Memo(MenuGroup)>
</ul> </ul>
</div> </div>
`; `;