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

migrate channel header dropdown comp to functional comp (#24793)

Browse Source 
* migrate channel header comp to functional comp

* snapshots updated

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Tanmay Vardhaman Thole 2023-10-16 20:34:31 +05:30 committed by GitHub
parent 2cdf2aaff8
commit b4f3816f0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
webapp/channels/src/components/channel_header/__snapshots__/channel_header.test.tsx.snap
View File

@ -61,7 +61,7 @@ exports[`components/ChannelHeader should match snapshot with last active display
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -384,7 +384,7 @@ exports[`components/ChannelHeader should match snapshot with no last active disp
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -679,7 +679,7 @@ exports[`components/ChannelHeader should render active channel files 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -980,7 +980,7 @@ exports[`components/ChannelHeader should render active flagged posts 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -1281,7 +1281,7 @@ exports[`components/ChannelHeader should render active mentions posts 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -1582,7 +1582,7 @@ exports[`components/ChannelHeader should render active pinned posts 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -1886,7 +1886,7 @@ exports[`components/ChannelHeader should render archived view 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
</div>
</div>
@ -2153,7 +2153,7 @@ exports[`components/ChannelHeader should render correct menu when muted 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -2486,7 +2486,7 @@ exports[`components/ChannelHeader should render not active channel files 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -2795,7 +2795,7 @@ exports[`components/ChannelHeader should render properly when custom status is e
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -3118,7 +3118,7 @@ exports[`components/ChannelHeader should render properly when custom status is s
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -3453,7 +3453,7 @@ exports[`components/ChannelHeader should render properly when empty 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -3754,7 +3754,7 @@ exports[`components/ChannelHeader should render properly when populated 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -4055,7 +4055,7 @@ exports[`components/ChannelHeader should render properly when populated with cha
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -4387,7 +4387,7 @@ exports[`components/ChannelHeader should render shared view 1`] = `
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}
@ -4690,7 +4690,7 @@ exports[`components/ChannelHeader should render the pinned icon with the pinned
/>
</button>
</div>
<ChannelHeaderDropdown />
<Memo(ChannelHeaderDropdown) />
</MenuWrapper>
<OverlayTrigger
defaultOverlayShown={false}

24
webapp/channels/src/components/channel_header_dropdown/channel_header_dropdown.tsx
View File

@ -1,22 +1,20 @@
// 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 {ChannelHeaderDropdownItems} from 'components/channel_header_dropdown';
import Menu from 'components/widgets/menu/menu';
import {localizeMessage} from 'utils/utils';
export default class ChannelHeaderDropdown extends React.PureComponent {
render() {
return (
<Menu
id='channelHeaderDropdownMenu'
ariaLabel={localizeMessage('channel_header.menuAriaLabel', 'Channel Menu').toLowerCase()}
>
<ChannelHeaderDropdownItems isMobile={false}/>
</Menu>
);
}
}
const ChannelHeaderDropdown = () => (
<Menu
id='channelHeaderDropdownMenu'
ariaLabel={localizeMessage('channel_header.menuAriaLabel', 'Channel Menu').toLowerCase()}
>
<ChannelHeaderDropdownItems isMobile={false}/>
</Menu>
);
export default memo(ChannelHeaderDropdown);