From efb90ca5fb6748c6aa409516c2e6a669b495f220 Mon Sep 17 00:00:00 2001
From: Gautam-Hegde <gautamatjob@protonmail.com>
Date: Mon, 11 Mar 2024 23:17:11 +0530
Subject: [PATCH] chore: use email confirmation

---
 .../settings/profile/delete-account-dialog.tsx    | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/app/(dashboard)/settings/profile/delete-account-dialog.tsx b/apps/web/src/app/(dashboard)/settings/profile/delete-account-dialog.tsx
index 2cb60f4a7..72a61d5ed 100644
--- a/apps/web/src/app/(dashboard)/settings/profile/delete-account-dialog.tsx
+++ b/apps/web/src/app/(dashboard)/settings/profile/delete-account-dialog.tsx
@@ -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...'