update set delay loading skeleton on master data

This commit is contained in:
Wikzyy
2025-04-17 10:42:15 +07:00
parent 528837b422
commit 1ecd62c777
14 changed files with 58 additions and 25 deletions

View File

@ -98,7 +98,7 @@ const EditDialog = () => {
});
setSucos(response?.data.list);
console.log(sucos);
// console.log(sucos);
} catch (error) {
console.error('Error fetching Sucos', error);
setAlert({ show: true, message: 'Failed to get Sucos. Please try again.' });
@ -107,7 +107,10 @@ const EditDialog = () => {
const doFetchData = useCallback(async (id: string) => {
setIsLoading(true);
const response = await GetData(`${API_URL}/aldeias/getdata/${id}`, { id });
const minDelay = new Promise((resolve) => setTimeout(resolve, 300));
const fetchData = GetData(`${API_URL}/aldeias/getdata/${id}`, { id });
const [response] = await Promise.all([fetchData, minDelay]);
if (response?.status) {
setFormField((prev) => ({
@ -221,8 +224,8 @@ const EditDialog = () => {
className="input col-span-5 text-left"
style={{ color: 'inherit' }}
>
{sucos.find((suco) => suco.id === formField.sucosId)
?.name || 'Select Sucos'}
{sucos.find((suco) => suco.id === formField.sucosId)?.name ||
'Select Sucos'}
</button>
</PopoverTrigger>
<PopoverContent className="w-[400px] p-0">