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

chore: use email confirmation

Browse Source
This commit is contained in:
Gautam-Hegde
2024-03-11 23:17:11 +05:30
parent f2aa0cd714
commit efb90ca5fb
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/src/app/(dashboard)/settings/profile/delete-account-dialog.tsx
View File

@ -30,9 +30,9 @@ export const DeleteAccountDialog = ({ className, user }: DeleteAccountDialogProp
const { toast } = useToast();
const hasTwoFactorAuthentication = user.twoFactorEnabled;
const username = user.name!;
const userEmail = user.email;
const [enteredUsername, setEnteredUsername] = useState<string>('');
const [enteredEmail, setEnteredEmail] = useState<string>('');
const { mutateAsync: deleteAccount, isLoading: isDeletingAccount } =
trpc.profile.deleteAccount.useMutation();
@ -82,7 +82,7 @@ export const DeleteAccountDialog = ({ className, user }: DeleteAccountDialogProp
</div>
<div className="flex-shrink-0">
<Dialog onOpenChange={() => setEnteredUsername('')}>
<Dialog onOpenChange={() => setEnteredEmail('')}>
<DialogTrigger asChild>
<Button variant="destructive">Delete Account</Button>
</DialogTrigger>
@ -111,7 +111,7 @@ export const DeleteAccountDialog = ({ className, user }: DeleteAccountDialogProp
</DialogDescription>
{!hasTwoFactorAuthentication && (
<DialogDescription>
Please type <span className="font-semibold">{username}</span> to confirm.
Please type <span className="font-semibold">{userEmail}</span> to confirm.
</DialogDescription>
)}
</DialogHeader>
@ -120,9 +120,8 @@ export const DeleteAccountDialog = ({ className, user }: DeleteAccountDialogProp
<div className="mt-4">
<Input
type="text"
value={enteredUsername}
onChange={(e) => setEnteredUsername(e.target.value)}
onPaste={(e) => e.preventDefault()}
value={enteredEmail}
onChange={(e) => setEnteredEmail(e.target.value)}
/>
</div>
)}
@ -133,7 +132,7 @@ export const DeleteAccountDialog = ({ className, user }: DeleteAccountDialogProp
onClick={onDeleteAccount}
loading={isDeletingAccount}
variant="outline"
disabled={hasTwoFactorAuthentication || enteredUsername !== username}
disabled={hasTwoFactorAuthentication || enteredEmail !== userEmail}
>
{isDeletingAccount ? (
'Deleting account...'