diff --git a/src/screens/Settings/components/DeactivateAccountDialog.tsx b/src/screens/Settings/components/DeactivateAccountDialog.tsx index a5c2f3b34a..8867d3ee64 100644 --- a/src/screens/Settings/components/DeactivateAccountDialog.tsx +++ b/src/screens/Settings/components/DeactivateAccountDialog.tsx @@ -1,27 +1,59 @@ import React from 'react' -import {msg} from '@lingui/macro' +import {View} from 'react-native' +import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' +import {atoms as a, useTheme} from '#/alf' import {DialogOuterProps} from '#/components/Dialog' +import {Divider} from '#/components/Divider' import * as Prompt from '#/components/Prompt' +import {Text} from '#/components/Typography' export function DeactivateAccountDialog({ control, }: { control: DialogOuterProps['control'] }) { + const t = useTheme() const {_} = useLingui() return ( - {}} - /> + + {_(msg`Deactivate account`)} + + + Your profile and posts will no longer be visible to other Bluesky + users. You can reactivate your account at any time by logging in. + + + + + + + + + There is no time limit for account deactivation, come back any + time. + + + + + If you're trying to change your handle or email, do so before you + deactivate. + + + + + + + + {}} + color="negative" + /> + + + ) } diff --git a/src/view/screens/Settings/index.tsx b/src/view/screens/Settings/index.tsx index 49dd45aab9..3232dbd61e 100644 --- a/src/view/screens/Settings/index.tsx +++ b/src/view/screens/Settings/index.tsx @@ -808,7 +808,7 @@ export function SettingsScreen({}: Props) { )}>