diff --git a/components/security/EnableTwoFactorModal.tsx b/components/security/EnableTwoFactorModal.tsx index 5092be3b..fb168003 100644 --- a/components/security/EnableTwoFactorModal.tsx +++ b/components/security/EnableTwoFactorModal.tsx @@ -28,7 +28,8 @@ enum SetupStep { const setupDescriptions = { [SetupStep.ConfirmPassword]: "Confirm your current password to get started.", - [SetupStep.DisplayQrCode]: "Scan the image below with the authenticator app on your phone.", + [SetupStep.DisplayQrCode]: + "Scan the image below with the authenticator app on your phone or manually enter the text code instead.", [SetupStep.EnterTotpCode]: "Enter the six-digit code from your authenticator app below.", }; @@ -49,6 +50,7 @@ const EnableTwoFactorModal = ({ onEnable, onCancel }: EnableTwoFactorModalProps) const [password, setPassword] = useState(""); const [totpCode, setTotpCode] = useState(""); const [dataUri, setDataUri] = useState(""); + const [secret, setSecret] = useState(""); const [isSubmitting, setIsSubmitting] = useState(false); const [errorMessage, setErrorMessage] = useState(null); @@ -68,6 +70,7 @@ const EnableTwoFactorModal = ({ onEnable, onCancel }: EnableTwoFactorModalProps) if (response.status === 200) { setDataUri(body.dataUri); + setSecret(body.secret); setStep(SetupStep.DisplayQrCode); return; } @@ -148,9 +151,12 @@ const EnableTwoFactorModal = ({ onEnable, onCancel }: EnableTwoFactorModalProps) -
- -
+ <> +
+ +
+

{secret}

+