import Icon from '@mui/material/Icon';
import IconButton from '@mui/material/IconButton';
import React, {useState} from 'react';
import {
NotificationEntity,
useUserNotificationsQuery,
} from '../../generated/graphql';
import Badge from '@mui/material/Badge';
import DrawerContent from './DrawerContent';
const POLL_INTERVAL = 30000;
const DrawerNotification = () => {
const [isDrawerOpen, setIsDrawerOpen] = useState(false);
const {data} = useUserNotificationsQuery({
pollInterval: POLL_INTERVAL,
});
const notifications = data?.notifications?.data || [];
const hasUnreadNotifications = notifications.some(
notification => !notification.attributes.read
);
return (
<>
setIsDrawerOpen(true)}
>
{hasUnreadNotifications ? (
notifications_none_outlined
) : (
notifications_none_outlined
)}
setIsDrawerOpen(false)}
notifications={notifications as NotificationEntity[]}
/>
>
);
};
export default DrawerNotification;