wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Fix QC Kak Inno Admin, Fix QC Keano UI User, Fix QC Pak jun tabel apbdes

Browse Source
This commit is contained in:
nico
2025-11-12 17:42:31 +08:00
parent 417a8937f5
commit 9622eb5a9a
354 changed files with 11444 additions and 4012 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/[id]/edit/page.tsx
View File

@@ -7,6 +7,7 @@ import {
Box,
Button,
Group,
Loader,
Paper,
Stack,
Text,
@@ -23,6 +24,12 @@ function EditJenisLayanan() {
const state = useProxy(layananonlineDesa.jenisLayanan);
const router = useRouter();
const params = useParams();
const [isSubmitting, setIsSubmitting] = useState(false);
const [originalData, setOriginalData] = useState({
nama: '',
deskripsi: '',
});
const [formData, setFormData] = useState({
nama: '',
@@ -41,6 +48,10 @@ function EditJenisLayanan() {
nama: data.nama ?? '',
deskripsi: data.deskripsi ?? '',
});
setOriginalData({
nama: data.nama ?? '',
deskripsi: data.deskripsi ?? '',
});
}
} catch (error) {
console.error('Error loading jenis layanan:', error);
@@ -51,8 +62,17 @@ function EditJenisLayanan() {
loadJenisLayanan();
}, [params?.id]);
const handleResetForm = () => {
setFormData({
nama: originalData.nama,
deskripsi: originalData.deskripsi,
});
toast.info('Form dikembalikan ke data awal');
};
const handleSubmit = async () => {
try {
setIsSubmitting(true);
state.edit.form = {
...state.edit.form,
...formData,
@@ -64,6 +84,8 @@ function EditJenisLayanan() {
} catch (error) {
console.error('Error updating jenis layanan:', error);
toast.error('Terjadi kesalahan saat memperbarui jenis layanan');
} finally {
setIsSubmitting(false);
}
};
@@ -123,6 +145,17 @@ function EditJenisLayanan() {
{/* Tombol Submit */}
<Group justify="right" mt="sm">
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={handleResetForm}
>
Batal
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
@@ -133,7 +166,7 @@ function EditJenisLayanan() {
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
Simpan
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>

36
src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-layanan/create/page.tsx
View File

@@ -6,6 +6,7 @@ import {
Box,
Button,
Group,
Loader,
Paper,
Stack,
Text,
@@ -14,12 +15,14 @@ import {
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect } from 'react';
import { useEffect, useState } from 'react';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
function CreateJenisLayanan() {
const router = useRouter();
const statePasar = useProxy(layananonlineDesa.jenisLayanan);
const [isSubmitting, setIsSubmitting] = useState(false);
useEffect(() => {
statePasar.findMany.load();
@@ -33,9 +36,17 @@ function CreateJenisLayanan() {
};
const handleSubmit = async () => {
await statePasar.create.create();
resetForm();
router.push('/admin/inovasi/layanan-online-desa/jenis-layanan');
try {
setIsSubmitting(true);
await statePasar.create.create();
resetForm();
router.push('/admin/inovasi/layanan-online-desa/jenis-layanan');
} catch (error) {
console.error('Error creating jenis layanan:', error);
toast.error('Terjadi kesalahan saat menambahkan jenis layanan');
} finally {
setIsSubmitting(false);
}
};
return (
@@ -66,7 +77,7 @@ function CreateJenisLayanan() {
>
<Stack gap="md">
<TextInput
defaultValue={statePasar.create.form.nama}
value={statePasar.create.form.nama}
onChange={(val) => {
statePasar.create.form.nama = val.target.value;
}}
@@ -75,7 +86,7 @@ function CreateJenisLayanan() {
required
/>
<TextInput
defaultValue={statePasar.create.form.deskripsi}
value={statePasar.create.form.deskripsi}
onChange={(val) => {
statePasar.create.form.deskripsi = val.target.value;
}}
@@ -85,6 +96,17 @@ function CreateJenisLayanan() {
/>
<Group justify="right">
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={resetForm}
>
Reset
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
@@ -95,7 +117,7 @@ function CreateJenisLayanan() {
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
Simpan
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>

32
src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/[id]/page.tsx
View File

@@ -6,6 +6,7 @@ import {
Box,
Button,
Group,
Loader,
Paper,
Stack,
TextInput,
@@ -22,11 +23,16 @@ function EditJenisPengaduan() {
const params = useParams();
const id = params?.id as string;
const state = useProxy(layananonlineDesa.jenisPengaduan);
const [isSubmitting, setIsSubmitting] = useState(false);
const [formData, setFormData] = useState({
nama: '',
});
const [originalData, setOriginalData] = useState({
nama: '',
});
// Load data sekali aja
useEffect(() => {
const loadJenisPengaduan = async () => {
@@ -40,6 +46,9 @@ function EditJenisPengaduan() {
setFormData({
nama: data.nama || '',
});
setOriginalData({
nama: data.nama || '',
});
}
} catch (error) {
console.error('Error loading jenis pengaduan:', error);
@@ -57,6 +66,13 @@ function EditJenisPengaduan() {
}));
};
const handleResetForm = () => {
setFormData({
nama: originalData.nama,
});
toast.info('Form dikembalikan ke data awal');
};
const handleSubmit = async () => {
if (!formData.nama.trim()) {
toast.error('Nama jenis pengaduan tidak boleh kosong');
@@ -74,6 +90,7 @@ function EditJenisPengaduan() {
}
try {
setIsSubmitting(true);
const success = await state.edit.update();
if (success) {
@@ -82,6 +99,8 @@ function EditJenisPengaduan() {
} catch (error) {
console.error('Error updating jenis pengaduan:', error);
// toast ditangani di dalam state.update
} finally {
setIsSubmitting(false);
}
};
@@ -121,6 +140,17 @@ function EditJenisPengaduan() {
/>
<Group justify="right">
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={handleResetForm}
>
Batal
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
@@ -131,7 +161,7 @@ function EditJenisPengaduan() {
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
Simpan
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>

35
src/app/admin/(dashboard)/inovasi/layanan-online-desa/jenis-pengaduan/create/page.tsx
View File

@@ -6,6 +6,7 @@ import {
Box,
Button,
Group,
Loader,
Paper,
Stack,
TextInput,
@@ -13,13 +14,14 @@ import {
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useEffect } from 'react';
import { useEffect, useState } from 'react';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
function CreateJenisPengaduan() {
const router = useRouter();
const state = useProxy(layananonlineDesa.jenisPengaduan);
const [isSubmitting, setIsSubmitting] = useState(false);
useEffect(() => {
state.findMany.load();
}, []);
@@ -31,9 +33,17 @@ function CreateJenisPengaduan() {
};
const handleSubmit = async () => {
await state.create.create();
resetForm();
router.push('/admin/inovasi/layanan-online-desa/jenis-pengaduan');
try {
setIsSubmitting(true);
await state.create.create();
resetForm();
router.push('/admin/inovasi/layanan-online-desa/jenis-pengaduan');
} catch (error) {
console.error('Error creating jenis pengaduan:', error);
toast.error('Terjadi kesalahan saat menambahkan jenis pengaduan');
} finally {
setIsSubmitting(false);
}
};
return (
@@ -61,12 +71,23 @@ function CreateJenisPengaduan() {
<TextInput
label="Nama Jenis Pengaduan"
placeholder="Masukkan nama jenis pengaduan"
defaultValue={state.create.form.nama || ''}
value={state.create.form.nama || ''}
onChange={(e) => (state.create.form.nama = e.target.value)}
required
/>
<Group justify="right">
<Button
variant="outline"
color="gray"
radius="md"
size="md"
onClick={resetForm}
>
Reset
</Button>
{/* Tombol Simpan */}
<Button
onClick={handleSubmit}
radius="md"
@@ -77,7 +98,7 @@ function CreateJenisPengaduan() {
boxShadow: '0 4px 15px rgba(79, 172, 254, 0.4)',
}}
>
Simpan
{isSubmitting ? <Loader size="sm" color="white" /> : 'Simpan'}
</Button>
</Group>
</Stack>