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

#24773 Converted ./components/emoji_picker/components/emoji_picker_header.tsx to Function Component (#24803)

Browse Source 
* #24773 Converted ./components/emoji_picker/components/emoji_picker_header.tsx to Function Component

* Fixed the lint errors and removed the explicit functional component type

* Added memo to make the functional component pure.
This commit is contained in:
Balaji K 2023-10-17 16:29:36 +05:30 committed by GitHub
parent 654669aa00
commit f86ec9da18
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
webapp/channels/src/components/emoji_picker/components/emoji_picker_header.tsx
View File

@ -9,14 +9,13 @@ type Props = {
handleEmojiPickerClose: MouseEventHandler;
}
export default class EmojiPickerHeader extends React.PureComponent<Props> {
render(): React.ReactNode {
const EmojiPickerHeader = ({handleEmojiPickerClose}: Props) => {
return (
<div className='emoji-picker__header modal-header'>
<button
type='button'
className='close emoji-picker__header-close-button'
onClick={this.props.handleEmojiPickerClose}
onClick={handleEmojiPickerClose}
>
<span aria-hidden='true'>{'×'}</span>
<span className='sr-only'>
@ -34,5 +33,6 @@ export default class EmojiPickerHeader extends React.PureComponent<Props> {
</h4>
</div>
);
}
}
};
export default React.memo(EmojiPickerHeader);