AccountDeletion.tsx40 lines · main

1	import { Alert, AlertDescription, AlertTitle, CriticalIcon } from 'ui'
2	import {
3	PageSection,
4	PageSectionContent,
5	PageSectionDescription,
6	PageSectionMeta,
7	PageSectionSummary,
8	PageSectionTitle,
9	} from 'ui-patterns/PageSection'
10
11	import { DeleteAccountButton } from './DeleteAccountButton'
12
13	export const AccountDeletion = () => {
14	return (
15	<PageSection>
16	<PageSectionMeta>
17	<PageSectionSummary>
18	<PageSectionTitle>Danger zone</PageSectionTitle>
19	<PageSectionDescription>
20	Permanently delete your Briven account and data.
21	</PageSectionDescription>
22	</PageSectionSummary>
23	</PageSectionMeta>
24	<PageSectionContent>
25	<Alert variant="destructive">
26	<CriticalIcon />
27	<AlertTitle>Request for account deletion</AlertTitle>
28	<AlertDescription>
29	Deleting your account is permanent and cannot be undone. Your data will be deleted
30	within 30 days, but we may retain some metadata and logs for longer where required or
31	permitted by law.
32	</AlertDescription>
33	<AlertDescription className="mt-3">
34	<DeleteAccountButton />
35	</AlertDescription>
36	</Alert>
37	</PageSectionContent>
38	</PageSection>
39	)
40	}