alkem-io / client-web / #9533

coverage: 5.947%. First build
#9533

Pull #7254

travis-ci

Pull Request #7254: In-app Notifications v1 for Beta Testers

194 of 10628 branches covered (1.83%)

Branch coverage included in aggregate %.

40 of 177 new or added lines in 15 files covered. (22.6%)

1532 of 18394 relevant lines covered (8.33%)

0.19 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0
/src/main/inAppNotifications/InAppNotificationsDialog.tsx
1 
import { DialogContent, IconButton, Tooltip } from '@mui/material';
2 
import NotificationsNoneOutlinedIcon from '@mui/icons-material/NotificationsNoneOutlined';
3 
import { useTranslation } from 'react-i18next';
4 
import DialogWithGrid from '@/core/ui/dialog/DialogWithGrid';
5 
import DialogHeader from '@/core/ui/dialog/DialogHeader';
6 
import { useInAppNotificationsContext } from './InAppNotificationsContext';
7 
import { InAppNotificationsList } from './InAppNotificationsList';
8 
import { useInAppNotifications } from '@/main/inAppNotifications/useInAppNotifications';
NEW
9 
import DraftsOutlinedIcon from '@mui/icons-material/DraftsOutlined';
×
NEW
10 
import { InAppNotificationSubscriber } from '@/main/inAppNotifications/inAppNotificationSubscriber';
×
NEW
11 
import { InAppNotificationsFilterChips } from './InAppNotificationsFilterChips';
×
12 










NEW


13



export const InAppNotificationsDialog = () => {




×








NEW


14



  const { t } = useTranslation();




×








NEW


15



  const { isOpen, setIsOpen, selectedFilter, setSelectedFilter } = useInAppNotificationsContext();




×







16



  const { markNotificationsAsRead } = useInAppNotifications();










17












18



  return (





×







19



    <DialogWithGrid










20



      open={isOpen}










21



      columns={8}










22



      onClose={() => setIsOpen(false)}










23



      aria-labelledby="in-app-notifications-dialog"










24



    >










25



      <DialogHeader










26



        id="in-app-notifications-dialog"










27



        icon={<NotificationsNoneOutlinedIcon />}










28



        onClose={() => setIsOpen(false)}










29



        actions={










30



          <Tooltip title={t('components.inAppNotifications.markAllAsRead')} placement="top">










31



            <IconButton onClick={() => markNotificationsAsRead()}>










32



              <DraftsOutlinedIcon />










33



            </IconButton>










34



          </Tooltip>










35



        }










36



      >










37



        {t('common.Notifications')}










38



      </DialogHeader>










39



      <DialogContent sx={{ padding: 0 }}>










40



        <InAppNotificationsFilterChips selectedFilter={selectedFilter} onFilterChange={setSelectedFilter} />










41



        {isOpen && <InAppNotificationsList />}










42



        <InAppNotificationSubscriber />










43



      </DialogContent>










44



    </DialogWithGrid>










45



  );










46



};
























    

  • 

    •