Merge branch 'staging' into nico/push-stg

src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts

@@ -149,7 +149,6 @@ delete: {
     }
     try {
       grafikkepuasan.delete.loading = true;
-
       const response = await fetch(`/api/kesehatan/grafikkepuasan/del/${uuid}`, {
         method: "DELETE",
         headers: {

src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts

@@ -75,7 +75,6 @@ const persentasekelahiran = proxy({
       }
     },
   },
-
   findUnique: {
     data: null as Prisma.DataKematian_KelahiranGetPayload<{
       omit: { isActive: true };
@@ -168,7 +167,6 @@ update: {
             "Content-Type": "application/json",
           },
         });
-
         const result = await response.json();
 
         if (response.ok && result?.success) {

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

@@ -0,0 +1,80 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+
+import grafikkepuasan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan';
+import colors from '@/con/colors';
+import { Box, Button, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { useProxy } from 'valtio/utils';
+
+function EditGrafikHasilKepuasan() {
+  const router = useRouter()
+  const params = useParams() as { id: string }
+  const stateGrafikKepuasan = useProxy(grafikkepuasan)
+
+  const id = params.id
+
+  // Load data saat komponen mount
+  useEffect(() => {
+    if (id) {
+      stateGrafikKepuasan.findUnique.load(id).then(() => {
+        const data = stateGrafikKepuasan.findUnique.data
+        if (data) {
+          stateGrafikKepuasan.update.form = {
+            label: data.label || '',
+            jumlah: data.jumlah || '',
+          }
+        }
+      })
+    }
+  }, [id])
+
+  const handleSubmit = async () => {
+    // Set the ID before submitting
+    stateGrafikKepuasan.update.id = id;
+    await stateGrafikKepuasan.update.submit();
+    router.push('/admin/kesehatan/data-kesehatan-warga/grafik_hasil_kepuasan')
+  }
+return (
+    <Box>
+      <Box mb={10}>
+        <Button variant="subtle" onClick={() => router.back()}>
+          <IconArrowBack size={20} />
+        </Button>
+      </Box>
+      <Paper bg={colors['white-1']} w={{ base: '100%', md: '50%' }} p={'md'}>
+        <Stack>
+          <Title order={3}>Edit Grafik Hasil Kepuasan</Title>
+          <TextInput
+            label="Label"
+            placeholder="masukkan label"
+            value={stateGrafikKepuasan.update.form.label}
+            onChange={(val) => {
+              stateGrafikKepuasan.update.form.label = val.currentTarget.value;
+            }}
+          />
+          <TextInput
+            label="Jumlah"
+            type="number"
+            placeholder="masukkan jumlah"
+            value={stateGrafikKepuasan.update.form.jumlah}
+            onChange={(val) => {
+              stateGrafikKepuasan.update.form.jumlah = val.currentTarget.value;
+            }}
+          />
+          <Button
+            mt={10}
+            bg={colors['blue-button']}
+            onClick={handleSubmit}
+          >
+            Simpan
+          </Button>
+        </Stack>
+      </Paper>
+    </Box>
+  )
+}
+
+export default EditGrafikHasilKepuasan;

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

@@ -0,0 +1,101 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+
+import persentasekelahiran from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
+import colors from '@/con/colors';
+import { Box, Button, Paper, Stack, TextInput, Title } from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { useProxy } from 'valtio/utils';
+
+function EditPersentaseDataKelahiranKematian() {
+  const router = useRouter()
+  const params = useParams() as { id: string }
+  const statePresentase = useProxy(persentasekelahiran)
+
+  const id = params.id
+
+  // Load data saat komponen mount
+  useEffect(() => {
+    if (id) {
+      statePresentase.findUnique.load(id).then(() => {
+        const data = statePresentase.findUnique.data
+        if (data) {
+          statePresentase.update.form = {
+            tahun: data.tahun || '',
+            kematianKasar: data.kematianKasar || '',
+            kelahiranKasar: data.kelahiranKasar || '',
+            kematianBayi: data.kematianBayi || '',
+          }
+        }
+      })
+    }
+  }, [id])
+
+  const handleSubmit = async () => {
+    // Set the ID before submitting
+    statePresentase.update.id = id;
+    await statePresentase.update.submit();
+    router.push('/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian')
+  }
+
+  return (
+    <Box>
+      <Box mb={10}>
+        <Button variant="subtle" onClick={() => router.back()}>
+          <IconArrowBack size={20} />
+        </Button>
+      </Box>
+      <Paper bg={colors['white-1']} w={{ base: '100%', md: '50%' }} p={'md'}>
+        <Stack>
+          <Title order={3}>Edit Persentase Data Kelahiran & Kematian</Title>
+          <TextInput
+            label="Tahun"
+            placeholder="masukkan tahun"
+            value={statePresentase.update.form.tahun}
+            onChange={(val) => {
+              statePresentase.update.form.tahun = val.currentTarget.value;
+            }}
+          />
+          <TextInput
+            label="Kematian Kasar"
+            type="number"
+            placeholder="masukkan kematian kasar"
+            value={statePresentase.update.form.kematianKasar}
+            onChange={(val) => {
+              statePresentase.update.form.kematianKasar = val.currentTarget.value;
+            }}
+          />
+          <TextInput
+            label="Kematian Bayi"
+            type="number"
+            placeholder="masukkan kematian bayi"
+            value={statePresentase.update.form.kematianBayi}
+            onChange={(val) => {
+              statePresentase.update.form.kematianBayi = val.currentTarget.value;
+            }}
+          />
+          <TextInput
+            label="Kelahiran Kasar"
+            type="number"
+            placeholder="masukkan kelahiran kasar"
+            value={statePresentase.update.form.kelahiranKasar}
+            onChange={(val) => {
+              statePresentase.update.form.kelahiranKasar = val.currentTarget.value;
+            }}
+          />
+          <Button
+            mt={10}
+            bg={colors['blue-button']}
+            onClick={handleSubmit}
+          >
+            Simpan Perubahan
+          </Button>
+        </Stack>
+      </Paper>
+    </Box>
+  )
+}
+
+export default EditPersentaseDataKelahiranKematian;

src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/del.ts

@@ -3,7 +3,6 @@ import { Context } from "elysia";
 
 export default async function grafikKepuasanDelete(context: Context) {
     const uuid = context.params?.uuid;
-    
     if (!uuid) {
         return {
             success: false,

src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/findUnique.ts

@@ -4,7 +4,6 @@ export default async function grafikKepuasanFindUnique(request: Request) {
     const url = new URL(request.url);
     const pathSegments = url.pathname.split('/');
     const uuid = pathSegments[pathSegments.length - 1];
-
     if (!uuid) {
         return Response.json({
             success: false,