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-54793] Convert ./components/widgets/separator/notification-separator.tsx to Function Component (#24887)

Browse Source 
* Converted Notification Seperator to function component

* Fixed lint error

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Dipan Dhali
2023-10-19 15:52:07 +05:30
committed by GitHub
parent c97731e4a6
commit 4ec573c3fb
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
webapp/channels/src/components/widgets/separator/notification-separator.tsx
View File

@@ -5,22 +5,23 @@ import React from 'react';
import './separator.scss';
import './notification-separator.scss';
export default class NotificationSeparator extends React.PureComponent<React.PropsWithChildren<any>> {
public render() {
const {children} = this.props;
return (
<div
className='Separator NotificationSeparator'
data-testid='NotificationSeparator'
>
<hr className='separator__hr'/>
{children && (
<div className='separator__text'>
{children}
</div>
)}
</div>
);
}
}
type Props = React.PropsWithChildren<any>;
const NotificationSeparator = ({children}: Props) => {
return (
<div
className='Separator NotificationSeparator'
data-testid='NotificationSeparator'
>
<hr className='separator__hr'/>
{children && (
<div className='separator__text'>
{children}
</div>
)}
</div>
);
};
export default React.memo(NotificationSeparator);