Fix Dibagian Data Kesehatan Warga

src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/[id]/page.tsx

@@ -11,15 +11,15 @@ import { useProxy } from 'valtio/utils';
 
 function EditGrafikHasilKepuasan() {
   const router = useRouter()
-  const params = useParams() as { uuid: string }
+  const params = useParams() as { id: string }
   const stateGrafikKepuasan = useProxy(grafikkepuasan)
 
-  const uuid = params.uuid
+  const id = params.id
 
   // Load data saat komponen mount
   useEffect(() => {
-    if (uuid) {
-      stateGrafikKepuasan.findUnique.load(uuid).then(() => {
+    if (id) {
+      stateGrafikKepuasan.findUnique.load(id).then(() => {
         const data = stateGrafikKepuasan.findUnique.data
         if (data) {
           stateGrafikKepuasan.update.form = {
@@ -29,11 +29,11 @@ function EditGrafikHasilKepuasan() {
         }
       })
     }
-  }, [uuid])
+  }, [id])
 
   const handleSubmit = async () => {
     // Set the ID before submitting
-    stateGrafikKepuasan.update.uuid = uuid;
+    stateGrafikKepuasan.update.id = id;
     await stateGrafikKepuasan.update.submit();
     router.push('/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan')
   }

src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/page.tsx

@@ -45,7 +45,7 @@ function GrafikHasilKepuasanMasyarakat() {
     setMounted(true);
     if (stateGrafikKepuasan.findMany.data) {
       setChartData(stateGrafikKepuasan.findMany.data.map((item) => ({
-        id: item.uuid,
+        id: item.id,
         label: item.label,
         jumlah: Number(item.jumlah),
       })));
@@ -82,11 +82,11 @@ function GrafikHasilKepuasanMasyarakat() {
             </TableThead>
             <TableTbody>
               {stateGrafikKepuasan.findMany.data?.map((item) => (
-                <TableTr key={item.uuid}>
+                <TableTr key={item.id}>
                   <TableTd>{item.label}</TableTd>
                   <TableTd>{item.jumlah}</TableTd>
                   <TableTd>
-                    <Button color='green' onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/${item.uuid}`)}>
+                    <Button color='green' onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan/${item.id}`)}>
                       <IconEdit size={20} />
                     </Button>
                   </TableTd>
@@ -95,7 +95,7 @@ function GrafikHasilKepuasanMasyarakat() {
                       color='red'
                       disabled={stateGrafikKepuasan.delete.loading}
                       onClick={() => {
-                        setSelectedId(item.uuid)
+                        setSelectedId(item.id)
                         setModalHapus(true)
                       }}>
                       <IconTrash size={20} />

src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/[id]/page.tsx

@@ -12,16 +12,16 @@ import { useProxy } from 'valtio/utils';
 
 function EditPersentaseDataKelahiranKematian() {
   const router = useRouter()
-  const params = useParams() as { uuid: string }
+  const params = useParams() as { id: string }
   const statePresentase = useProxy(persentasekelahiran)
 
-  const id = params.uuid
+  const id = params.id
 
   // Load data saat komponen mount
 // Di file page.tsx, ubah useEffect-nya menjadi:
 useEffect(() => {
   if (!id) return;
-  statePresentase.update.uuid = id;
+  statePresentase.update.id = id;
   statePresentase.findUnique.load(id)
     .then(() => {
       const data = statePresentase.findUnique.data;
@@ -43,7 +43,7 @@ useEffect(() => {
 // Di handleSubmit, ubah menjadi:
 const handleSubmit = async () => {
   try {
-    statePresentase.update.uuid = id;
+    statePresentase.update.id = id;
     await statePresentase.update.submit();
     toast.success('Data berhasil diperbarui');
     router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian');

src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/page.tsx

@@ -13,7 +13,7 @@ import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 
 function PersentaseDataKelahiranKematian() {
   type PDKMGrafik = {
-    uuid: string;
+    id: string;
     tahun: string;
     kematianKasar: number;
     kematianBayi: number;
@@ -47,7 +47,7 @@ function PersentaseDataKelahiranKematian() {
     setMounted(true);
     if (statePersentase.findMany.data) {
       setChartData(statePersentase.findMany.data.map((item) => ({
-        uuid: item.uuid,
+        id: item.id,
         tahun: item.tahun,
         kematianKasar: Number(item.kematianKasar),
         kematianBayi: Number(item.kematianBayi),
@@ -88,13 +88,13 @@ function PersentaseDataKelahiranKematian() {
             </TableThead>
             <TableTbody>
               {statePersentase.findMany.data?.map((item) => (
-                <TableTr key={item.uuid}>
+                <TableTr key={item.id}>
                   <TableTd>{item.tahun}</TableTd>
                   <TableTd>{item.kematianKasar}</TableTd>
                   <TableTd>{item.kematianBayi}</TableTd>
                   <TableTd>{item.kelahiranKasar}</TableTd>
                   <TableTd>
-                    <Button color='green' onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/${item.uuid}`)}>
+                    <Button color='green' onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/${item.id}`)}>
                       <IconEdit size={20} />
                     </Button>
                   </TableTd>
@@ -103,7 +103,7 @@ function PersentaseDataKelahiranKematian() {
                       color='red'
                       disabled={statePersentase.delete.loading}
                       onClick={() => {
-                        setSelectedId(item.uuid)
+                        setSelectedId(item.id)
                         setModalHapus(true)
                       }}>
                       <IconTrash size={20} />