From 34627e2acb8656e40ed8bca39f214bd3c3a9064b Mon Sep 17 00:00:00 2001
From: gianantoniopini <63844628+gianantoniopini@users.noreply.github.com>
Date: Wed, 28 Apr 2021 09:56:13 +0200
Subject: [PATCH] Settings, deleteAccount: prevent execution of deleteAccount
 if it is already in progress

---
 src/components/builder/right/sections/Settings.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/builder/right/sections/Settings.js b/src/components/builder/right/sections/Settings.js
index 46e06448..dacc6fcb 100644
--- a/src/components/builder/right/sections/Settings.js
+++ b/src/components/builder/right/sections/Settings.js
@@ -18,6 +18,9 @@ const Settings = ({ id }) => {
   const [deleteText, setDeleteText] = useState(
     t('builder.settings.dangerZone.button'),
   );
+  const [isDeleteAccountInProgress, setDeleteAccountInProgress] = useState(
+    false,
+  );
 
   const dispatch = useDispatch();
   const { deleteAccount } = useContext(UserContext);
@@ -41,12 +44,13 @@ const Settings = ({ id }) => {
       return;
     }
 
-    setDeleteText(t('shared.buttons.loading'));
+    setDeleteAccountInProgress(true);
 
     try {
       await deleteAccount();
     } catch (error) {
       toast.error('An error occurred deleting your account.');
+      setDeleteAccountInProgress(false);
       setDeleteText(t('builder.settings.dangerZone.button'));
     }
   };
@@ -101,7 +105,11 @@ const Settings = ({ id }) => {
         <p className="leading-loose">{t('builder.settings.dangerZone.text')}</p>
 
         <div className="mt-4 flex">
-          <Button isDelete onClick={handleDeleteAccount}>
+          <Button
+            isDelete
+            onClick={handleDeleteAccount}
+            isLoading={isDeleteAccountInProgress}
+          >
             {deleteText}
           </Button>
         </div>