muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

notifications: added boris notifications

Browse source
This commit is contained in:
Fedor Katurov 2023-03-18 16:09:53 +06:00
parent d56bfe968d
commit 2ecda12513
13 changed files with 61 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/containers/notifications/NotificationList/index.tsx
View file

@ -1,6 +1,7 @@
import { FC, useCallback, useEffect } from 'react';
import classNames from 'classnames';
import { isAfter, parseISO } from 'date-fns';
import { Button } from '~/components/input/Button';
import { InputRow } from '~/components/input/InputRow';
@ -17,7 +18,7 @@ interface NotificationListProps {}
const NotificationList: FC<NotificationListProps> = () => {
const { isLoading, items } = useNotificationsList();
const { enabled, toggleEnabled } = useNotifications();
const { enabled, toggleEnabled, lastSeen } = useNotifications();
const { markAsRead } = useNotifications();
useEffect(() => {
@ -25,11 +26,16 @@ const NotificationList: FC<NotificationListProps> = () => {
}, []);
const renderItem = useCallback((item: NotificationItem) => {
const isNew =
!lastSeen ||
!item.created_at ||
isAfter(parseISO(item.created_at), lastSeen);
switch (item.type) {
case NotificationType.Comment:
return <NotificationComment item={item} />;
case NotificationType.Boris:
return <NotificationComment item={item} isNew={isNew} />;
case NotificationType.Node:
return <NotificationNode item={item} />;
return <NotificationNode item={item} isNew={isNew} />;
default:
return null;
}