Refactor: Added loader when performing account deletion action

code100x · Oct 5, 2024 · 4f1e6b9 · 4f1e6b9
1 parent f1327aa
commit 4f1e6b9
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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}>