Ajay Bura
59e8d66255
* refactor system notification to dedicated file * add hook for email notification status * add toogle for email notifications in settings
46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import { Box, Text, IconButton, Icon, Icons, Scroll } from 'folds';
|
|
import { Page, PageContent, PageHeader } from '../../../components/page';
|
|
import { SystemNotification } from './SystemNotification';
|
|
import { AllMessagesNotifications } from './AllMessages';
|
|
import { SpecialMessagesNotifications } from './SpecialMessages';
|
|
import { KeywordMessagesNotifications } from './KeywordMessages';
|
|
import { IgnoredUserList } from './IgnoredUserList';
|
|
|
|
type NotificationsProps = {
|
|
requestClose: () => void;
|
|
};
|
|
export function Notifications({ requestClose }: NotificationsProps) {
|
|
return (
|
|
<Page>
|
|
<PageHeader outlined={false}>
|
|
<Box grow="Yes" gap="200">
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<Text size="H3" truncate>
|
|
Notifications
|
|
</Text>
|
|
</Box>
|
|
<Box shrink="No">
|
|
<IconButton onClick={requestClose} variant="Surface">
|
|
<Icon src={Icons.Cross} />
|
|
</IconButton>
|
|
</Box>
|
|
</Box>
|
|
</PageHeader>
|
|
<Box grow="Yes">
|
|
<Scroll hideTrack visibility="Hover">
|
|
<PageContent>
|
|
<Box direction="Column" gap="700">
|
|
<SystemNotification />
|
|
<AllMessagesNotifications />
|
|
<SpecialMessagesNotifications />
|
|
<KeywordMessagesNotifications />
|
|
<IgnoredUserList />
|
|
</Box>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|