20 lines
654 B
JavaScript
20 lines
654 B
JavaScript
import { checkForRecent } from 'App/dateRange';
|
|
|
|
import styles from './notificationItem.module.css';
|
|
|
|
const NotificationItem = ({
|
|
notification: {
|
|
notificationId, createdAt, name, text, viewed,
|
|
},
|
|
onClick,
|
|
}) => (
|
|
<div className={ styles.wrapper } data-viewed={ viewed } onClick={ () => (!viewed ? onClick(notificationId) : null) }>
|
|
<div className={ styles.time }>{ checkForRecent(createdAt, 'LLL dd, yyyy, hh:mm a') }</div>
|
|
<div className={ styles.title }>{ name }</div>
|
|
{ text && <div className={ styles.details }>{ text }</div> }
|
|
</div>
|
|
);
|
|
|
|
NotificationItem.displayName = 'NotificationItem';
|
|
|
|
export default NotificationItem;
|