From 4f1e6b9839fe161e714cba6fe064a4f0dfcc9230 Mon Sep 17 00:00:00 2001
From: Kapil Jangid <kapiljangid040@gmail.com>
Date: Sat, 5 Oct 2024 15:32:52 +0530
Subject: [PATCH] Refactor: Added loader when performing account deletion
 action

---
 src/components/profile/AccountSettings.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/profile/AccountSettings.tsx b/src/components/profile/AccountSettings.tsx
index df029dc0..894ebc84 100644
--- a/src/components/profile/AccountSettings.tsx
+++ b/src/components/profile/AccountSettings.tsx
@@ -74,7 +74,7 @@ export const AccountSettings = ({}: Props) => {
         <Dialog>
           <DialogTrigger asChild>
             <Button className="w-40" variant={'destructive'}>
-              {isPending ? <Loader /> : 'Delete Account'}
+              Delete Account
             </Button>
           </DialogTrigger>
           <DialogContent>
@@ -89,11 +89,12 @@ export const AccountSettings = ({}: Props) => {
             </DialogHeader>
             <div className="flex gap-4 justify-end">
               <Button
+                className="w-40"
                 variant={'destructive'}
                 onClick={handleDeleteAccount}
                 disabled={isPending}
               >
-                Delete Account
+                {isPending ? <Loader /> : 'Delete Account'}
               </Button>
               <DialogClose asChild>
                 <Button variant={'ghost'} disabled={isPending}>