diff --git a/src/components/dialogs/VerifyEmailDialog.tsx b/src/components/dialogs/VerifyEmailDialog.tsx index c4fe0351b2..e2c9f79a86 100644 --- a/src/components/dialogs/VerifyEmailDialog.tsx +++ b/src/components/dialogs/VerifyEmailDialog.tsx @@ -8,7 +8,7 @@ import {logger} from '#/logger' import {useModalControls} from '#/state/modals' import {useAgent, useSession} from '#/state/session' import {ErrorMessage} from '#/view/com/util/error/ErrorMessage' -import {atoms as a, useBreakpoints} from '#/alf' +import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {Button, ButtonText} from '#/components/Button' import * as Dialog from '#/components/Dialog' import * as TextField from '#/components/forms/TextField' @@ -32,6 +32,7 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) { const {_} = useLingui() const {currentAccount} = useSession() const agent = useAgent() + const t = useTheme() const {openModal} = useModalControls() const {gtTablet} = useBreakpoints() @@ -118,7 +119,20 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) { {currentAccount?.email} {' '} - to verify it is you. + to verify it is you.{' '} + { + control.close(() => { + openModal({name: 'change-email'}) + }) + }} + style={[ + a.text_md, + a.leading_snug, + {color: t.palette.primary_500}, + ]}> + Need to change it? + ) : ( uiStrings[currentStep].message @@ -167,21 +181,6 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) { I Have a Code - ) : currentStep === 'StepTwo' ? ( <>