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

fix double click problem

Browse Source
This commit is contained in:
Raja Oktafrianto
2025-04-28 09:40:03 +07:00
parent ffcd56f127
commit fe390a3f6f
3 changed files with 70 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/menu/manage-menu/blocks/EditDialog.tsx
View File

@ -259,8 +259,10 @@ const EditDialog = () => {
</div>
</div> */}
<div className="flex justify-end">
<Button className="btn btn-primary">Save Changes</Button>
<div className="flex justify-end pt-2.5">
<Button className="btn btn-primary" type="submit" disabled={isSubmitting}>
{isSubmitting ? 'Saving...' : 'Save Changes'}
</Button>
</div>
</div>
</form>

14
src/pages/settings/user/manage-position/blocks/EditDialog.tsx
View File

@ -71,6 +71,7 @@ const EditDialog = () => {
const { showEditDialog, handleEditDialog, menus, selectedPosition } = useManagePositionContext();
const { reload } = useDataGrid();
const { PutData } = useCallApi();
const [isSubmitting, setIsSubmitting] = useState(false);
const [alert, setAlert] = useState({
show: false,
message: ''
@ -91,6 +92,7 @@ const EditDialog = () => {
const doEditPosition = useCallback(
async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
setIsSubmitting(true);
if (formField.name.trim() === '') {
setAlert((prev) => ({ ...prev, show: true, message: 'Please fill name field.' }));
@ -102,6 +104,7 @@ const EditDialog = () => {
return;
}
try {
const response = await PutData(`${API_URL}/user_role/update/${selectedPosition.id}`, {
name: formField.name,
roles: selectMenus,
@ -123,6 +126,11 @@ const EditDialog = () => {
} else {
setAlert((prev) => ({ ...prev, show: true, message: response?.message }));
}
} catch (error) {
toast.error('Something went wrong, please try again.');
} finally {
setIsSubmitting(false);
}
},
[formField, selectMenus, selectedPosition]
);
@ -217,9 +225,9 @@ const EditDialog = () => {
))}
</div>
<hr />
<div className="flex justify-end">
<Button className="btn btn-primary" type="submit">
Save Changes
<div className="flex justify-end pt-2.5">
<Button className="btn btn-primary" type="submit" disabled={isSubmitting}>
{isSubmitting ? 'Saving...' : 'Save Changes'}
</Button>
</div>
</div>

30
src/pages/settings/user/manage-user/blocks/EditDialog.tsx
View File

@ -60,6 +60,7 @@ const EditDialog = () => {
const [open, setOpen] = useState(false);
const [roles, setRoles] = useState<RoleListProps[]>([]);
const [customers, setCustomers] = useState<CustomerProps[]>([]);
const [isSubmitting, setIsSubmitting] = useState(false);
const [alert, setAlert] = useState({
show: false,
message: ''
@ -76,15 +77,25 @@ const EditDialog = () => {
const doUpdateUser = useCallback(
async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
const response = await PutData(`${API_URL}/user/update/${selectedUser}`, {
...formField
});
setIsSubmitting(true);
if (formField.name.trim() === '') {
if (
!formField.name.trim() ||
!formField.username.trim() ||
!formField.email.trim() ||
!formField.id_role ||
!formField.status ||
!formField.customerid
) {
setAlert({ show: true, message: 'Please fill all required field' });
return;
}
try {
const response = await PutData(`${API_URL}/user/update/${selectedUser}`, {
...formField
});
if (response?.status) {
resetForm();
handleEditDialog(false, null);
@ -100,6 +111,11 @@ const EditDialog = () => {
} else {
setAlert((prev) => ({ ...prev, show: true, message: response?.message }));
}
} catch (error) {
toast.error('Something went wrong, please try again.');
} finally {
setIsSubmitting(false);
}
},
[selectedUser, formField]
);
@ -362,8 +378,10 @@ const EditDialog = () => {
</div>
</div>
<div className="flex justify-end">
<Button className="btn btn-primary">Save Changes</Button>
<div className="flex justify-end pt-2.5">
<Button className="btn btn-primary" type="submit" disabled={isSubmitting}>
{isSubmitting ? 'Saving...' : 'Save Changes'}
</Button>
</div>
</div>
</form>