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

add loading when post/put data on master data module

Browse Source
This commit is contained in:
Wikzyy
2025-04-23 13:35:32 +07:00
parent e248c463c9
commit 94ffc332e9
26 changed files with 838 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/pages/menu/manage-menu/blocks/AddDIalog.tsx
View File

@ -22,6 +22,7 @@ import {
SelectValue
} from '@/components/ui/select';
import { doSaveLogActivity } from '@/actions/GlobalActions';
import { RefreshCw } from 'lucide-react';
const API_URL = apiConfig.service_dashboard;
const AddDialog = () => {
@ -43,9 +44,11 @@ const AddDialog = () => {
status: ''
};
const [formField, setFormField] = useState(initialState);
const [isSubmitting, setIsSubmitting] = useState(false);
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
setIsSubmitting(true);
if (
formField.module === '' ||
@ -58,28 +61,31 @@ const AddDialog = () => {
return;
}
// console.log('Data dikirim ke API:', formField);
const response = await PostData(`${API_URL}/menus/create`, formField);
try {
const response = await PostData(`${API_URL}/menus/create`, formField);
// console.log('Response from API:', response);
if (response?.status) {
handleAddDialog(false);
resetForm();
toast.success('Success Create Menu');
const createActivity = {
module: 'Manage Menu',
description: `Create Menu => ${selectedMenu}`,
action: 'C'
};
if (response?.status) {
handleAddDialog(false);
resetForm();
toast.success('Success Create Menu');
const createActivity = {
module: 'Manage Menu',
description: `Create Menu => ${selectedMenu}`,
action: 'C'
};
doSaveLogActivity(createActivity);
reload();
} else {
toast.error('Failed Create Menu');
setAlert({ show: true, message: 'Failed Create Menu' });
doSaveLogActivity(createActivity);
reload();
} else {
toast.error('Failed Create Menu');
setAlert({ show: true, message: response?.message });
}
} catch (error) {
toast.error('Something went wrong, please try again');
} finally {
setIsSubmitting(false);
}
// console.log(formField);
setAlert({ show: false, message: '' });
};
@ -226,7 +232,13 @@ const AddDialog = () => {
<Button type="button" variant="outline" onClick={resetForm}>
Reset
</Button>
<Button variant="default">Save Changes</Button>
<Button variant="default" type="submit" disabled={isSubmitting}>
{isSubmitting ? (
<RefreshCw className="animate-spin h-8 w-8 text-white mx-3" />
) : (
'Create'
)}
</Button>
</div>
</div>
</form>

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

@ -32,6 +32,7 @@ const EditDialog = () => {
const { reload } = useDataGrid();
const { PutData } = useCallApi();
const [open, setOpen] = useState(false);
const [isSubmitting, setIsSubmitting] = useState(false);
const [alert, setAlert] = useState({
show: false,
message: ''
@ -49,6 +50,7 @@ const EditDialog = () => {
const handleUpdate = async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
setIsSubmitting(true);
if (
selectedMenu.module === '' ||
@ -62,26 +64,33 @@ const EditDialog = () => {
return;
}
const updateMenu = selectedMenu;
if (updateMenu.id_parent === null) updateMenu.id_parent = '';
delete updateMenu.parentName;
const response = await PutData(`${API_URL}/menus/update/${selectedMenu.id}`, selectedMenu);
if (response?.status) {
handleEditDialog(false, null);
resetForm();
toast.success('Success Update Menu');
const createActivity = {
module: 'Manage Menu',
description: `Update Menu => ${selectedMenu.name}`,
action: 'U'
};
try {
const updateMenu = selectedMenu;
if (updateMenu.id_parent === null) updateMenu.id_parent = '';
delete updateMenu.parentName;
const response = await PutData(`${API_URL}/menus/update/${selectedMenu.id}`, selectedMenu);
if (response?.status) {
handleEditDialog(false, null);
resetForm();
toast.success('Success Update Menu');
const createActivity = {
module: 'Manage Menu',
description: `Update Menu => ${selectedMenu.name}`,
action: 'U'
};
doSaveLogActivity(createActivity);
reload();
} else {
toast.error('Failed Update Menu');
setAlert({ show: true, message: 'Failed Update Menu' });
doSaveLogActivity(createActivity);
reload();
} else {
toast.error('Failed Update Menu');
setAlert({ show: true, message: response?.message });
}
} catch (error) {
toast.error('Something went wrong, please trt again.');
} finally {
setIsSubmitting(false);
}
setAlert({ show: false, message: '' });
};