diff --git a/src/components/dialogs/EmailDialog/screens/Verify.tsx b/src/components/dialogs/EmailDialog/screens/Verify.tsx index 0f0af16d16..16c6dd1752 100644 --- a/src/components/dialogs/EmailDialog/screens/Verify.tsx +++ b/src/components/dialogs/EmailDialog/screens/Verify.tsx @@ -16,7 +16,7 @@ import {useConfirmEmail} from '#/components/dialogs/EmailDialog/data/useConfirmE import {useRequestEmailVerification} from '#/components/dialogs/EmailDialog/data/useRequestEmailVerification' import {useOnEmailVerified} from '#/components/dialogs/EmailDialog/events' import { - type ScreenID, + ScreenID, type ScreenProps, } from '#/components/dialogs/EmailDialog/types' import {Divider} from '#/components/Divider' @@ -85,7 +85,7 @@ function reducer(state: State, action: Action): State { } } -export function Verify({config}: ScreenProps) { +export function Verify({config, showScreen}: ScreenProps) { const t = useTheme() const {_} = useLingui() const cleanError = useCleanError() @@ -253,6 +253,23 @@ export function Verify({config}: ScreenProps) { )} + {state.step === 'email' && state.mutationStatus !== 'success' && ( + + + If you need to update your email,{' '} + { + showScreen({id: ScreenID.Update}) + })}> + click here + + . + + + )} + {state.step === 'email' && state.mutationStatus === 'success' && ( )}