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-55333] Convert ./components/post_view/floating_timestamp/floating_timestamp.tsx from Class Component to Function Component (#25401)

Browse Source 
Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Syed Ali Abbas Zaidi 2023-11-14 14:01:10 +05:00 committed by GitHub
parent 5dea20dd3e
commit b5bbe278eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
webapp/channels/src/components/post_view/floating_timestamp/floating_timestamp.tsx
View File

@ -17,35 +17,33 @@ type Props = {
isRhsPost?: boolean; isRhsPost?: boolean;
} }
export default class FloatingTimestamp extends React.PureComponent<Props> { const FloatingTimestamp = ({createAt, isScrolling, isRhsPost, toastPresent}: Props) => {
render() { if (createAt === 0) {
const {createAt, isScrolling, isRhsPost, toastPresent} = this.props; return null;
if (createAt === 0) {
return null;
}
const classes = classNames('post-list__timestamp', {
scrolling: isScrolling,
rhs: isRhsPost,
toastAdjustment: toastPresent,
});
return (
<div
className={classes}
data-testid='floatingTimestamp'
>
<div>
<span>
<Timestamp
value={createAt}
useTime={false}
ranges={DATE_RANGES}
/>
</span>
</div>
</div>
);
} }
}
const classes = classNames('post-list__timestamp', {
scrolling: isScrolling,
rhs: isRhsPost,
toastAdjustment: toastPresent,
});
return (
<div
className={classes}
data-testid='floatingTimestamp'
>
<div>
<span>
<Timestamp
value={createAt}
useTime={false}
ranges={DATE_RANGES}
/>
</span>
</div>
</div>
);
};
export default React.memo(FloatingTimestamp);