From 6daa69cff9bdab2b2cb5dc2a597c7dafe353e98b Mon Sep 17 00:00:00 2001
From: VasuDevrani <101383635+VasuDevrani@users.noreply.github.com>
Date: Tue, 30 May 2023 19:48:49 +0530
Subject: [PATCH] fix: loader animation in profile update button (#9162)

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 apps/web/pages/settings/my-account/profile.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/pages/settings/my-account/profile.tsx b/apps/web/pages/settings/my-account/profile.tsx
index 6116bcaa9d..a9dde1a8c8 100644
--- a/apps/web/pages/settings/my-account/profile.tsx
+++ b/apps/web/pages/settings/my-account/profile.tsx
@@ -203,6 +203,7 @@ const ProfileView = () => {
       <ProfileForm
         key={JSON.stringify(defaultValues)}
         defaultValues={defaultValues}
+        isLoading={mutation.isLoading}
         onSubmit={(values) => {
           if (values.email !== user.email && isCALIdentityProviver) {
             setTempFormValues(values);
@@ -314,10 +315,12 @@ const ProfileForm = ({
   defaultValues,
   onSubmit,
   extraField,
+  isLoading = false,
 }: {
   defaultValues: FormValues;
   onSubmit: (values: FormValues) => void;
   extraField?: React.ReactNode;
+  isLoading: boolean;
 }) => {
   const { t } = useLocale();
   const [firstRender, setFirstRender] = useState(true);
@@ -390,7 +393,7 @@ const ProfileForm = ({
           setFirstRender={setFirstRender}
         />
       </div>
-      <Button disabled={isDisabled} color="primary" className="mt-8" type="submit">
+      <Button loading={isLoading} disabled={isDisabled} color="primary" className="mt-8" type="submit">
         {t("update")}
       </Button>
     </Form>