scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 09:35:56 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

disable confirm button while submitting

Browse source
This commit is contained in:
Eric Rosenbaum 2021-08-24 14:52:11 -04:00
parent 5d838ef659
commit 6834d675b1
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/views/studio/modals/transfer-host-confirmation.jsx
View file

@ -31,6 +31,7 @@ const TransferHostConfirmation = ({
const newHostUsername = items.find(item => item.id === selectedId).username;
const newHostImage = items.find(item => item.id === selectedId).profile.images['90x90'];
const [passwordInputValue, setPasswordInputValue] = useState('');
const [submitting, setSubmitting] = useState(false);
const [validationError, setValidationError] = useState(null);
const {errorAlert, successAlert} = useAlertContext();
@ -43,6 +44,7 @@ const TransferHostConfirmation = ({
};
const handleSubmit = () => {
setSubmitting(true);
handleTransferHost(passwordInputValue, newHostUsername, selectedId)
.then(() => {
handleClose();
@ -54,6 +56,7 @@ const TransferHostConfirmation = ({
.catch(e => {
// For password errors, show validation alert without closing the modal
if (e === Errors.PERMISSION) {
setSubmitting(false);
setValidationError(e);
return;
}
@ -149,7 +152,7 @@ const TransferHostConfirmation = ({
<button
className="button"
type="submit"
disabled={passwordInputValue === '' || validationError}
disabled={passwordInputValue === '' || submitting || validationError}
>
<FormattedMessage id="studio.confirm" />
</button>