Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-16 09:41:35 +10:00
Code Issues Packages Projects Releases Wiki Activity

chore: use token input on enable 2fa

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-02-16 21:20:16 +00:00
parent 94eee8b913
commit 918e9ddc0b
1 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
apps/web/src/components/forms/2fa/enable-authenticator-app-dialog.tsx
View File

@ -130,6 +130,10 @@ export const EnableAuthenticatorAppDialog = ({
return enabled2fa;
} catch (_err) {
enableTwoFactorAuthenticationForm.setError('token', {
message: 'Unable to setup two-factor authentication',
});
toast({
title: 'Unable to setup two-factor authentication',
description:
@ -251,15 +255,19 @@ export const EnableAuthenticatorAppDialog = ({
<PinInput
id="enable-2fa-pin-input"
state={state}
onSubmit={({ code, input }) => {
console.log(code);
onSubmit={async ({ code, input }) => {
if (code.length === 6) {
setState('loading');
enableTwoFactorAuthenticationForm.setValue('token', code);
void onEnableTwoFactorAuthenticationFormSubmit({ token: code }).then(
(success) => {
if (success) {
await enableTwoFactorAuthenticationForm.handleSubmit(
onEnableTwoFactorAuthenticationFormSubmit,
)();
if (
enableTwoFactorAuthenticationForm.formState.isSubmitted &&
!enableTwoFactorAuthenticationForm.formState.errors.totpCode
) {
setState('success');
return;
}
@ -272,19 +280,16 @@ export const EnableAuthenticatorAppDialog = ({
input.dispatchEvent(new Event('input'));
input.focus();
}, 500);
},
);
}
}}
autoFocus
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{/* <DialogFooter>
<DialogFooter>
<Button type="button" variant="secondary" onClick={() => onOpenChange(false)}>
Cancel
</Button>
@ -292,7 +297,7 @@ export const EnableAuthenticatorAppDialog = ({
<Button type="submit" loading={isEnableTwoFactorAuthenticationSubmitting}>
Enable 2FA
</Button>
</DialogFooter> */}
</DialogFooter>
</form>
</Form>
))