mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

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

Просмотр исходного кода 
* migrate channel header comp to functional comp

* snapshots updated

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
Этот коммит содержится в:
Tanmay Vardhaman Thole
2023-10-16 20:34:31 +05:30
коммит произвёл GitHub
родитель 2cdf2aaff8
Коммит b4f3816f0c
2 изменённых файлов: 27 добавлений и 29 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

32
webapp/channels/src/components/channel_header/__snapshots__/channel_header.test.tsx.snap
Просмотреть файл

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

24
webapp/channels/src/components/channel_header_dropdown/channel_header_dropdown.tsx
Просмотреть файл

@@ -1,22 +1,20 @@
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information. // See LICENSE.txt for license information.
import React from 'react'; import React, {memo} from 'react';
import {ChannelHeaderDropdownItems} from 'components/channel_header_dropdown'; import {ChannelHeaderDropdownItems} from 'components/channel_header_dropdown';
import Menu from 'components/widgets/menu/menu'; import Menu from 'components/widgets/menu/menu';
import {localizeMessage} from 'utils/utils'; import {localizeMessage} from 'utils/utils';
export default class ChannelHeaderDropdown extends React.PureComponent { const ChannelHeaderDropdown = () => (
render() { <Menu
return ( id='channelHeaderDropdownMenu'
<Menu ariaLabel={localizeMessage('channel_header.menuAriaLabel', 'Channel Menu').toLowerCase()}
id='channelHeaderDropdownMenu' >
ariaLabel={localizeMessage('channel_header.menuAriaLabel', 'Channel Menu').toLowerCase()} <ChannelHeaderDropdownItems isMobile={false}/>
> </Menu>
<ChannelHeaderDropdownItems isMobile={false}/> );
</Menu>
); export default memo(ChannelHeaderDropdown);
}
}