206ed33516
* move block users to account settings * filter invites and add more options * add better rate limit recovery in rateLimitedActions util function
60 lines
2.1 KiB
TypeScript
60 lines
2.1 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 { SequenceCard } from '../../../components/sequence-card';
|
|
import { SequenceCardStyle } from '../styles.css';
|
|
import { SettingTile } from '../../../components/setting-tile';
|
|
|
|
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 />
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Block Messages</Text>
|
|
<SequenceCard
|
|
className={SequenceCardStyle}
|
|
variant="SurfaceVariant"
|
|
direction="Column"
|
|
gap="400"
|
|
>
|
|
<SettingTile
|
|
description={'This option has been moved to "Account > Block Users" section.'}
|
|
/>
|
|
</SequenceCard>
|
|
</Box>
|
|
</Box>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|