diff options
Diffstat (limited to 'src/view/screens/Settings/index.tsx')
-rw-r--r-- | src/view/screens/Settings/index.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/view/screens/Settings/index.tsx b/src/view/screens/Settings/index.tsx index a2b767097..a40cc4f26 100644 --- a/src/view/screens/Settings/index.tsx +++ b/src/view/screens/Settings/index.tsx @@ -56,6 +56,7 @@ import {DeactivateAccountDialog} from '#/screens/Settings/components/DeactivateA import {atoms as a, useTheme} from '#/alf' import {useDialogControl} from '#/components/Dialog' import {BirthDateSettingsDialog} from '#/components/dialogs/BirthDateSettings' +import {VerifyEmailDialog} from '#/components/dialogs/VerifyEmailDialog' import {Email2FAToggle} from './Email2FAToggle' import {ExportCarDialog} from './ExportCarDialog' @@ -927,7 +928,7 @@ function EmailConfirmationNotice() { const palInverted = usePalette('inverted') const {_} = useLingui() const {isMobile} = useWebMediaQueries() - const {openModal} = useModalControls() + const verifyEmailDialogControl = useDialogControl() return ( <View style={{marginBottom: 20}}> @@ -959,7 +960,7 @@ function EmailConfirmationNotice() { accessibilityRole="button" accessibilityLabel={_(msg`Verify my email`)} accessibilityHint={_(msg`Opens modal for email verification`)} - onPress={() => openModal({name: 'verify-email'})}> + onPress={() => verifyEmailDialogControl.open()}> <FontAwesomeIcon icon="envelope" color={palInverted.colors.text} @@ -974,6 +975,7 @@ function EmailConfirmationNotice() { <Trans>Protect your account by verifying your email.</Trans> </Text> </View> + <VerifyEmailDialog control={verifyEmailDialogControl} /> </View> ) } |