Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-23 05:01:49 +10:00
Code Issues Packages Projects Releases Wiki Activity

Settings, deleteAccount: prevent execution of deleteAccount if it is already in progress

Browse Source
This commit is contained in:
gianantoniopini
2021-04-28 09:56:13 +02:00
parent b5d4d54ad3
commit 34627e2acb
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/builder/right/sections/Settings.js
View File

@ -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>