TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed double input issue when double clicking on manage user

Browse Source
This commit is contained in:
Raja Oktafrianto
2025-04-23 13:38:13 +07:00
parent a97c43e8b4
commit 553f6f9322
1 changed files with 26 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/settings/user/manage-user/blocks/AddDialog.tsx
View File

@ -134,23 +134,30 @@ const AddDialog = () => {
async (e: React.FormEvent<HTMLFormElement>) => { async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault(); e.preventDefault();
const response = await PostData(`${API_URL}/user/create`, formField); try {
const response = await PostData(`${API_URL}/user/create`, formField);
if (response?.status) { if (response?.status) {
handleAddDialog(false); handleAddDialog(false);
resetForm(); resetForm();
reload(); reload();
const createActivity = { const createActivity = {
module: 'Manage User', module: 'Manage User',
description: `Create New User => ${formField.username}`, description: `Create New User => ${formField.username}`,
action: 'C' action: 'C'
}; };
doSaveLogActivity(createActivity); doSaveLogActivity(createActivity);
toast.success('Success Create User'); toast.success('Success Create User');
} else { } else {
toast.error('Failed to create user'); toast.error('Failed to create user');
setAlert({ show: true, message: 'Failed to create user. Please try again.' }); setAlert({ show: true, message: 'Failed to create user. Please try again.' });
}
} catch (err) {
toast.error('Something went wrong');
console.log(err);
} finally {
setIsSubmitting(false);
} }
}, },
[formField] [formField]
@ -204,6 +211,8 @@ const AddDialog = () => {
// console.log('Form data before submit:', formField); // console.log('Form data before submit:', formField);
if (isSubmitting) return;
if ( if (
formField.email.trim() === '' || formField.email.trim() === '' ||
formField.username.trim() === '' || formField.username.trim() === '' ||
@ -218,6 +227,7 @@ const AddDialog = () => {
return; return;
} }
setIsSubmitting(true);
doCreateUser(e); doCreateUser(e);
// console.log(formField); // console.log(formField);
setAlert({ show: false, message: '' }); setAlert({ show: false, message: '' });
@ -505,7 +515,7 @@ const AddDialog = () => {
<div className="flex justify-end pt-2.5"> <div className="flex justify-end pt-2.5">
<Button className="btn btn-primary" type="submit" disabled={isButtonDisabled}> <Button className="btn btn-primary" type="submit" disabled={isButtonDisabled}>
Save Changes {isSubmitting ? 'Saving...' : 'Save Changes'}
</Button> </Button>
</div> </div>
</div> </div>