diff --git a/src/components/dialogs/VerifyEmailDialog.tsx b/src/components/dialogs/VerifyEmailDialog.tsx index 86838f8f6a..c4fe0351b2 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} from '#/alf' +import {atoms as a, useBreakpoints} from '#/alf' import {Button, ButtonText} from '#/components/Button' import * as Dialog from '#/components/Dialog' import * as TextField from '#/components/forms/TextField' @@ -33,6 +33,7 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) { const {currentAccount} = useSession() const agent = useAgent() const {openModal} = useModalControls() + const {gtTablet} = useBreakpoints() const [currentStep, setCurrentStep] = React.useState< 'StepOne' | 'StepTwo' | 'StepThree' @@ -138,7 +139,7 @@ export function Inner({control}: {control: Dialog.DialogControlProps}) { ) : null} - + {currentStep === 'StepOne' ? ( <> +