* move block users to account settings * filter invites and add more options * add better rate limit recovery in rateLimitedActions util function
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { Box, Text, IconButton, Icon, Icons, Scroll } from 'folds';
|
|
import { Page, PageContent, PageHeader } from '../../../components/page';
|
|
import { MatrixId } from './MatrixId';
|
|
import { Profile } from './Profile';
|
|
import { ContactInformation } from './ContactInfo';
|
|
import { IgnoredUserList } from './IgnoredUserList';
|
|
|
|
type AccountProps = {
|
|
requestClose: () => void;
|
|
};
|
|
export function Account({ requestClose }: AccountProps) {
|
|
return (
|
|
<Page>
|
|
<PageHeader outlined={false}>
|
|
<Box grow="Yes" gap="200">
|
|
<Box grow="Yes" alignItems="Center" gap="200">
|
|
<Text size="H3" truncate>
|
|
Account
|
|
</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">
|
|
<Profile />
|
|
<MatrixId />
|
|
<ContactInformation />
|
|
<IgnoredUserList />
|
|
</Box>
|
|
</PageContent>
|
|
</Scroll>
|
|
</Box>
|
|
</Page>
|
|
);
|
|
}
|