22 lines
664 B
JavaScript
22 lines
664 B
JavaScript
import { checkForRecent } from 'App/dateRange';
|
|
|
|
import styles from './notificationItem.module.css';
|
|
|
|
function NotificationItem({
|
|
notification: {
|
|
notificationId, createdAt, name, text, viewed,
|
|
},
|
|
onClick,
|
|
}) {
|
|
return (
|
|
<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;
|