UI & API Menu Ekonomi, Submenu Demografi

API & UI Profile Desa Clear

package.json

@@ -1,6 +1,6 @@
 {
   "name": "desa-darmasaba",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",
@@ -15,7 +15,7 @@
   "dependencies": {
     "@cubejs-client/core": "^0.31.0",
     "@elysiajs/cors": "^1.2.0",
-    "@elysiajs/eden": "^1.2.0",
+    "@elysiajs/eden": "^1.3.2",
     "@elysiajs/static": "^1.3.0",
     "@elysiajs/stream": "^1.1.0",
     "@elysiajs/swagger": "^1.2.0",
@@ -23,7 +23,7 @@
     "@mantine/charts": "^7.17.1",
     "@mantine/core": "^7.17.4",
     "@mantine/dates": "^8.1.0",
-    "@mantine/dropzone": "^7.17.0",
+    "@mantine/dropzone": "^8.1.1",
     "@mantine/form": "^8.1.0",
     "@mantine/hooks": "^7.17.4",
     "@mantine/tiptap": "^7.17.4",
@@ -46,7 +46,7 @@
     "bun": "^1.2.2",
     "chart.js": "^4.4.8",
     "dayjs": "^1.11.13",
-    "elysia": "^1.2.12",
+    "elysia": "^1.3.5",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-react": "^7.1.0",
     "form-data": "^4.0.2",

prisma/data/desa/profile/lambang_desa.json

@@ -1,6 +1,6 @@
 [
     {
-        "id": "1",
+        "id": "edit",
         "judul": "Lambang Desa",
         "deskripsi" : "<ul><li>Memperkokoh kerukunan hidup masyarakat dalam jalinan adat, budaya, olahraga, dan agama.</li><li>Meningkatkan kualitas pelayanan publik dengan menerapkan teknologi informasi dan komunikasi terintegrasi.</li><li>Meningkatkan tata kelola pemerintah desa dengan menerapkan prinsip good governance dan good clean government.</li><li>Meningkatkan kualitas pendidikan, kesehatan, Keluarga Berencana serta pengelolaan kependudukan.</li><li>Memperkuat usaha mikro kecil dan menengah (UMKM) dan BUMDesa sebagai pilar ekonomi masyarakat.</li><li>Mewujudkan tatanan kehidupan bermasyarakat yang menjunjung tinggi penegakan hukum dan HAM.</li><li>Meningkatkan perlindungan dan pengelolaan terhadap sumber daya alam dan lingkungan hidup.</li><li>Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa.</li><li>Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata.</li><li>Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa.</li><li>Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata.</li></ul>"
     }

prisma/data/desa/profile/maskot_desa.json

@@ -1,6 +1,6 @@
 [
     {
-        "id": "1",
+        "id": "edit",
         "judul": "Maskot Desa",
         "deskripsi" : "<p>Pudak adalah bunga dari tanaman sejenis pandan (Pandanaceae). Bentuk bunga ini tersusun dalam beberapa lapisan, terbungkus oleh kelopak warna putih (semacam daun lonjong) yang ujungnya meruncing.</p><p>Bunga Pudak berwarna kuning dan akan terlihat jika kelopak atau pelepahnya telah mekar. Kekhasan dari bunga pudak, yaitu mempunyai aroma wangi yang semerbak nan lembut (tidak menyengat), dan dapat menebar keharuman sepanjang pagi atau pun sore hari. Tanaman ini dapat tumbuh di sepanjang pantai, aliran sungai, di atas batu-batu karang, dan juga di tanah ladang.</p><p>Dalam Kamus Jawa Kuna- Indonesia kata “Pudak” berarti bunga pandan atau Pandanus Moschatus (Mardiwarsito: 1981: 442). Selain itu bunga pudak juga dapat disebut ketaka atau ketaki (Mardiwarsito, 1981: 276). Sedangkan kata “Sategal” berasal dari kata dasar “Tegal” yang berarti ladang (Mardiwarsito, 1981: 593). Jadi Pudak Sategal dapat diartikan sebagai satu ladang luas yang dipenuhi bunga pudak dan menabar keharuman.</p><p>Pada sebuah kesempatan, Ida Pedanda Putu Pemaron menjelaskan mengenai makna dari istilah Pudak Sategal dengan sebuah analogi bahwa, sekuntum bunga pudak memiliki aroma wangi atau keharuman yang sangat kuat, apalagi jika satu ladang penuh bunga pudak, maka dapat dipastikan aroma keharumannya akan membumbung menyebar ke segala penjuru (Wawancara, 18 Mei 2019 di Geria Putra Mandara Kenderan, Tegallalang). “Pudak” ialah sebuah bunga yang memiliki aroma wangi atau keharuman yang semerbak, lembut, dan khas.</p><p>Garapan Tari Maskot Desa Darmasaba Sekar Pudak diwujudkan ke dalam bentuk tari kreasi yang ditarikan secara berkelompok dengan jumlah lima orang penari perempuan (putri).</p><p>Pemilihan penari perempuan dimaksudkan untuk mempresentasikan keindahan, keluwesan, dan keharuman dari bunga pudak. Sedangkan penetapan jumlah penari lima orang didasarkan atas pertimbangan kebutuhan koreografi agar dapat membentuk desain-desain komposisi lantai yang menarik dan dinamis, baik ketika ditarikan di area panggung yang luas atau pun area panggung yang kecil. Penyajian tari maskot ini dirancang dengan durasi waktu 9 menit.</p>"
     }

prisma/data/desa/profile/profil_perbekel.json

@@ -1,6 +1,6 @@
 [
     {
-        "id": "1",
+        "id": "edit",
         "biodata": "<p>I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.</p>",
         "pengalaman": "<ul><li>2021 - 2027: Perbekel Desa Darmasaba</li><li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li><li>2020 - Sekarang: Founder Ugawa Record Music Studio</li><li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li></ul>",
         "pengalamanOrganisasi": "<ul> <li>1996 – 1997: Ketua OSIS SMP Negeri 1 Abiansemal</li><li>1999 – 2000: Ketua OSIS SMA Negeri 1 Mengwi</li> <li>2008 – 2009: Ketua BEM Universitas Mahasaraswati Denpasar</li> <li>2008 – 2010: Ketua Sekaa Taruna Sila Dharma, Banjar Tengah, Desa Adat Tegal, Darmasaba</li> <li>2020 – Sekarang: Pengurus Young Lawyer Committee Peradi Denpasar</li> <li>2021 – Sekarang: Dewan Kehormatan Himpunan Pengusaha Muda Indonesia (HIPMI) Badung</li> <li>2023 – 2028: Komite Tetap Advokasi – Bidang Hukum dan Regulasi Kamar Dagang dan Industri Badung</li> </ul>",

prisma/data/desa/profile/sejarah_desa.json

@@ -1,6 +1,6 @@
 [
     {
-        "id": "1",
+        "id": "edit",
         "judul": "Sejarah Desa",
         "deskripsi": "<p>Asal – usul nama Darmasaba tertuang dalam lontar Usada Bali. Seperti di tulis dalam monografi Desa Darmasaba tahun 1980 silam, nama Darmasaba berkaitan dengan keturunan Danghyang Nirarta diceritakan, Sang kawi-wiku asal Daha (Jawa Timur) itu memiliki cucu bernama Ida Pedanda Sakti Manuaba yang tigggal di Desa Kendran Tegalalang Gianyar. Merasa tidak disenangi sang ayah, Ida Pedanda Sakti Manuaba pergi mengembara bersama dua orang pengiringnya. Pengembaraan sang pendeta sampai di pura Sarin Buana di Jimbaran. Saat mengadakan semedi di tempat ini sang pendeta melihat sinar api. Yang sangat jauh di utara. Timbul keinginan Ida Pedanda Manuaba untuk mengunjungi tempat itu. Sampailah sang Pedanda di pura Batan Bila Peguyangan. Disini Ida Pedanda Manuaba singgah menghadap Ida Pedanda Budha yang tinggal disana. Selanjutnya, kedua pendeta bersama-sama menuju arah utara dan singgah di Taman Cang Ana, sebuah taman milik Arya Lanang Blusung. Di tempat ini kedua pendeta bersama-sama melaksanakan semedi dan menetap untuk sementara waktu.</p>"
     }

prisma/data/desa/profile/visi_misi_desa.json

@@ -1,6 +1,6 @@
 [
     {
-        "id" : "1",
+        "id" : "edit",
         "visi" : "<p>Mewujudkan Desa Darmasaba yang sejahtera, unggul, religius, berbudaya, dan aman dengan berlandaskan Tri Hita Karana</p>",
         "misi" : "<ul><li>Memperkokoh kerukunan hidup masyarakat dalam jalinan adat, budaya, olahraga, dan agama.</li><li>Meningkatkan kualitas pelayanan publik dengan menerapkan teknologi informasi dan komunikasi terintegrasi.</li><li>Meningkatkan tata kelola pemerintah desa dengan menerapkan prinsip good governance dan good clean government.</li><li>Meningkatkan kualitas pendidikan, kesehatan, Keluarga Berencana serta pengelolaan kependudukan.</li><li>Memperkuat usaha mikro kecil dan menengah (UMKM) dan BUMDesa sebagai pilar ekonomi masyarakat.</li><li>Mewujudkan tatanan kehidupan bermasyarakat yang menjunjung tinggi penegakan hukum dan HAM.</li><li>Meningkatkan perlindungan dan pengelolaan terhadap sumber daya alam dan lingkungan hidup.</li><li>Memperkuat daya saing desa melalui peningkatan mutu sumber daya manusia dan infrastruktur desa berbasis potensi desa.</li><li>Meningkatkan sinergisitas potensi budaya, pertanian dalam arti luas dan pariwisata.</li></ul>"
     }

prisma/data/ekonomi/pasar-desa/kategori-produk.json

@@ -0,0 +1,10 @@
+[
+  {
+    "id": "4b95bge6-012e-5ged-9552-4d8g65d44959",
+    "nama": "Makanan"
+  },
+  {
+    "id": "5c06chf7-123f-6hfe-0663-5e9h76e55060",
+    "nama": "Minuman"
+  }
+]

prisma/data/ekonomi/struktur-organisasi/hubungan-organisasi.json

@@ -0,0 +1,8 @@
+[
+  {
+    "id": "650e8400-e29b-41d4-a716-446655440001",
+    "atasanId": "550e8400-e29b-41d4-a716-446655440001", 
+    "bawahanId": "550e8400-e29b-41d4-a716-446655440002",
+    "tipe": "Langsung Melapor"
+  }
+]

prisma/data/ekonomi/struktur-organisasi/pegawai.json

@@ -0,0 +1,24 @@
+[
+    {
+      "id": "550e8400-e29b-41d4-a716-446655440001",
+      "namaLengkap": "Budi Santoso",
+      "gelarAkademik": "S.IP",
+      "tanggalMasuk": "2020-01-01T00:00:00.000Z",
+      "email": "budi@desa.id",
+      "telepon": "081234567891",
+      "alamat": "Jl. Raya Desa No. 1",
+      "posisiId": "kepala_desa",
+      "isActive": true
+    },
+    {
+      "id": "550e8400-e29b-41d4-a716-446655440002",
+      "namaLengkap": "Ani Lestari",
+      "gelarAkademik": "S.Pd",
+      "tanggalMasuk": "2020-02-01T00:00:00.000Z",
+      "email": "ani@desa.id",
+      "telepon": "081234567892",
+      "alamat": "Jl. Raya Desa No. 2",
+      "posisiId": "sekretaris_desa",
+      "isActive": true
+    }
+  ]

prisma/data/ekonomi/struktur-organisasi/posisi-organisasi.json

@@ -0,0 +1,27 @@
+[
+    {
+        "id": "kepala_desa",
+        "nama": "Kepala Desa",
+        "deskripsi": "Kepala Desa",
+        "hierarki": 1
+    },
+    {
+        "id": "sekretaris_desa",
+        "nama": "Sekretaris Desa",
+        "deskripsi": "Sekretaris Desa",
+        "hierarki": 2
+    },
+    {
+        "id": "bendahara_desa",
+        "nama": "Bendahara Desa",
+        "deskripsi": "Bendahara Desa",
+        "hierarki": 3
+    },
+    {
+        "id": "staff_umum",
+        "nama": "Staff Umum",
+        "deskripsi": "Staff Umum",
+        "hierarki": 4
+    }
+ ]
+ 

prisma/data/ppid/profile-ppid/profilePPid.json

@@ -1,6 +1,6 @@
 [
   {
-    "id": "1",
+    "id": "edit",
     "name": "I.B Surya Prabhawa Manuaba, S.H., M.H.",
     "biodata": "<p>I.B Surya Prabhawa Manuaba, S.H., M.H., adalah Perbekel Darmasaba periode 2021-2027, seorang advokat, pendiri Mantra Legal Consultants & Advocates, serta aktif di bidang musik dan akademis. Dia menempuh pendidikan hukum di Universitas Udayana dan Universitas Mahasaraswati Denpasar, serta memiliki pengalaman luas di berbagai organisasi dan kepemimpinan.</p>",
     "riwayat": "<ul> <li>2021 - 2027: Perbekel Desa Darmasaba</li> <li>2015 - Sekarang: Founder & Managing Director Mantra Legal Consultants & Advocates</li> <li>2020 - Sekarang: Founder Ugawa Record Music Studio</li> <li>2010 - 2016: Dosen Fakultas Hukum Universitas Mahasaraswati Denpasar</li> </ul>",

prisma/migrations/20250624034125_24_jun2025/migration.sql

@@ -0,0 +1,139 @@
+/*
+  Warnings:
+
+  - The primary key for the `DataKematian_Kelahiran` table will be changed. If it partially fails, the table could be left without primary key constraint.
+
+*/
+-- AlterTable
+ALTER TABLE "DataKematian_Kelahiran" DROP CONSTRAINT "DataKematian_Kelahiran_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "DataKematian_Kelahiran_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "DataKematian_Kelahiran_id_seq";
+
+-- AlterTable
+ALTER TABLE "ProfilePPID" ADD COLUMN     "imageUrl" TEXT;
+
+-- CreateTable
+CREATE TABLE "Puskesmas" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "jamId" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "kontakId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "Puskesmas_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "JamOperasional" (
+    "id" TEXT NOT NULL,
+    "workDays" TEXT NOT NULL,
+    "weekDays" TEXT NOT NULL,
+    "holiday" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "JamOperasional_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KontakPuskesmas" (
+    "id" TEXT NOT NULL,
+    "kontakPuskesmas" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "facebook" TEXT NOT NULL,
+    "kontakUGD" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KontakPuskesmas_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "ProgramKesehatan" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsiSingkat" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "ProgramKesehatan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PenangananDarurat" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PenangananDarurat_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KontakDarurat" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KontakDarurat_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "InfoWabahPenyakit" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsiSingkat" TEXT NOT NULL,
+    "deskripsiLengkap" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "InfoWabahPenyakit_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "Puskesmas" ADD CONSTRAINT "Puskesmas_jamId_fkey" FOREIGN KEY ("jamId") REFERENCES "JamOperasional"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Puskesmas" ADD CONSTRAINT "Puskesmas_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Puskesmas" ADD CONSTRAINT "Puskesmas_kontakId_fkey" FOREIGN KEY ("kontakId") REFERENCES "KontakPuskesmas"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ProgramKesehatan" ADD CONSTRAINT "ProgramKesehatan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PenangananDarurat" ADD CONSTRAINT "PenangananDarurat_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakDarurat" ADD CONSTRAINT "KontakDarurat_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "InfoWabahPenyakit" ADD CONSTRAINT "InfoWabahPenyakit_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250624061829_24jun2025_2/migration.sql

@@ -0,0 +1,12 @@
+/*
+  Warnings:
+
+  - The primary key for the `GrafikKepuasan` table will be changed. If it partially fails, the table could be left without primary key constraint.
+
+*/
+-- AlterTable
+ALTER TABLE "GrafikKepuasan" DROP CONSTRAINT "GrafikKepuasan_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "GrafikKepuasan_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "GrafikKepuasan_id_seq";

prisma/migrations/20250625035558_25jun2025_1/migration.sql

@@ -0,0 +1,96 @@
+/*
+  Warnings:
+
+  - You are about to drop the `_DokterdanTenagaMedisToFasilitasKesehatan` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_FasilitasKesehatanToFasilitasPendukung` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_FasilitasKesehatanToInformasiUmum` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_FasilitasKesehatanToLayananUnggulan` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_FasilitasKesehatanToProsedurPendaftaran` table. If the table is not empty, all the data it contains will be lost.
+  - You are about to drop the `_FasilitasKesehatanToTarifDanLayanan` table. If the table is not empty, all the data it contains will be lost.
+  - Added the required column `dokterdanTenagaMedisId` to the `FasilitasKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `fasilitasPendukungId` to the `FasilitasKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `informasiUmumId` to the `FasilitasKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `layananUnggulanId` to the `FasilitasKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `prosedurPendaftaranId` to the `FasilitasKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `tarifDanLayananId` to the `FasilitasKesehatan` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "_DokterdanTenagaMedisToFasilitasKesehatan" DROP CONSTRAINT "_DokterdanTenagaMedisToFasilitasKesehatan_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_DokterdanTenagaMedisToFasilitasKesehatan" DROP CONSTRAINT "_DokterdanTenagaMedisToFasilitasKesehatan_B_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToFasilitasPendukung" DROP CONSTRAINT "_FasilitasKesehatanToFasilitasPendukung_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToFasilitasPendukung" DROP CONSTRAINT "_FasilitasKesehatanToFasilitasPendukung_B_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToInformasiUmum" DROP CONSTRAINT "_FasilitasKesehatanToInformasiUmum_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToInformasiUmum" DROP CONSTRAINT "_FasilitasKesehatanToInformasiUmum_B_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToLayananUnggulan" DROP CONSTRAINT "_FasilitasKesehatanToLayananUnggulan_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToLayananUnggulan" DROP CONSTRAINT "_FasilitasKesehatanToLayananUnggulan_B_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToProsedurPendaftaran" DROP CONSTRAINT "_FasilitasKesehatanToProsedurPendaftaran_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToProsedurPendaftaran" DROP CONSTRAINT "_FasilitasKesehatanToProsedurPendaftaran_B_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToTarifDanLayanan" DROP CONSTRAINT "_FasilitasKesehatanToTarifDanLayanan_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_FasilitasKesehatanToTarifDanLayanan" DROP CONSTRAINT "_FasilitasKesehatanToTarifDanLayanan_B_fkey";
+
+-- AlterTable
+ALTER TABLE "FasilitasKesehatan" ADD COLUMN     "dokterdanTenagaMedisId" TEXT NOT NULL,
+ADD COLUMN     "fasilitasPendukungId" TEXT NOT NULL,
+ADD COLUMN     "informasiUmumId" TEXT NOT NULL,
+ADD COLUMN     "layananUnggulanId" TEXT NOT NULL,
+ADD COLUMN     "prosedurPendaftaranId" TEXT NOT NULL,
+ADD COLUMN     "tarifDanLayananId" TEXT NOT NULL;
+
+-- DropTable
+DROP TABLE "_DokterdanTenagaMedisToFasilitasKesehatan";
+
+-- DropTable
+DROP TABLE "_FasilitasKesehatanToFasilitasPendukung";
+
+-- DropTable
+DROP TABLE "_FasilitasKesehatanToInformasiUmum";
+
+-- DropTable
+DROP TABLE "_FasilitasKesehatanToLayananUnggulan";
+
+-- DropTable
+DROP TABLE "_FasilitasKesehatanToProsedurPendaftaran";
+
+-- DropTable
+DROP TABLE "_FasilitasKesehatanToTarifDanLayanan";
+
+-- AddForeignKey
+ALTER TABLE "FasilitasKesehatan" ADD CONSTRAINT "FasilitasKesehatan_informasiUmumId_fkey" FOREIGN KEY ("informasiUmumId") REFERENCES "InformasiUmum"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FasilitasKesehatan" ADD CONSTRAINT "FasilitasKesehatan_layananUnggulanId_fkey" FOREIGN KEY ("layananUnggulanId") REFERENCES "LayananUnggulan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FasilitasKesehatan" ADD CONSTRAINT "FasilitasKesehatan_dokterdanTenagaMedisId_fkey" FOREIGN KEY ("dokterdanTenagaMedisId") REFERENCES "DokterdanTenagaMedis"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FasilitasKesehatan" ADD CONSTRAINT "FasilitasKesehatan_fasilitasPendukungId_fkey" FOREIGN KEY ("fasilitasPendukungId") REFERENCES "FasilitasPendukung"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FasilitasKesehatan" ADD CONSTRAINT "FasilitasKesehatan_prosedurPendaftaranId_fkey" FOREIGN KEY ("prosedurPendaftaranId") REFERENCES "ProsedurPendaftaran"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FasilitasKesehatan" ADD CONSTRAINT "FasilitasKesehatan_tarifDanLayananId_fkey" FOREIGN KEY ("tarifDanLayananId") REFERENCES "TarifDanLayanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250625085706_25_jun_25_2/migration.sql

@@ -0,0 +1,32 @@
+/*
+  Warnings:
+
+  - The primary key for the `DataKematian_Kelahiran` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The `id` column on the `DataKematian_Kelahiran` table would be dropped and recreated. This will lead to data loss if there is data in the column.
+  - The primary key for the `GrafikKepuasan` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The `id` column on the `GrafikKepuasan` table would be dropped and recreated. This will lead to data loss if there is data in the column.
+  - A unique constraint covering the columns `[uuid]` on the table `DataKematian_Kelahiran` will be added. If there are existing duplicate values, this will fail.
+  - A unique constraint covering the columns `[uuid]` on the table `GrafikKepuasan` will be added. If there are existing duplicate values, this will fail.
+  - The required column `uuid` was added to the `DataKematian_Kelahiran` table with a prisma-level default value. This is not possible if the table is not empty. Please add this column as optional, then populate it before making it required.
+  - The required column `uuid` was added to the `GrafikKepuasan` table with a prisma-level default value. This is not possible if the table is not empty. Please add this column as optional, then populate it before making it required.
+
+*/
+-- AlterTable
+ALTER TABLE "DataKematian_Kelahiran" DROP CONSTRAINT "DataKematian_Kelahiran_pkey",
+ADD COLUMN     "uuid" TEXT NOT NULL,
+DROP COLUMN "id",
+ADD COLUMN     "id" SERIAL NOT NULL,
+ADD CONSTRAINT "DataKematian_Kelahiran_pkey" PRIMARY KEY ("id");
+
+-- AlterTable
+ALTER TABLE "GrafikKepuasan" DROP CONSTRAINT "GrafikKepuasan_pkey",
+ADD COLUMN     "uuid" TEXT NOT NULL,
+DROP COLUMN "id",
+ADD COLUMN     "id" SERIAL NOT NULL,
+ADD CONSTRAINT "GrafikKepuasan_pkey" PRIMARY KEY ("id");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "DataKematian_Kelahiran_uuid_key" ON "DataKematian_Kelahiran"("uuid");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "GrafikKepuasan_uuid_key" ON "GrafikKepuasan"("uuid");

prisma/migrations/20250626061909_26_jun_25_01/migration.sql

@@ -0,0 +1,92 @@
+/*
+  Warnings:
+
+  - The primary key for the `ArtikelKesehatan` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The primary key for the `DoctorSign` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The primary key for the `FirstAid` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The primary key for the `Introduction` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The primary key for the `MythVsFact` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The primary key for the `Prevention` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - The primary key for the `Symptom` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - Added the required column `deskripsiJadwalKegiatanId` to the `JadwalKegiatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `dokumenJadwalKegiatanId` to the `JadwalKegiatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `informasiJadwalKegiatanId` to the `JadwalKegiatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `layananJadwalKegiatanId` to the `JadwalKegiatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `pendaftaranJadwalKegiatanId` to the `JadwalKegiatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `syaratKetentuanJadwalKegiatanId` to the `JadwalKegiatan` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "ArtikelKesehatan" DROP CONSTRAINT "ArtikelKesehatan_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "ArtikelKesehatan_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "ArtikelKesehatan_id_seq";
+
+-- AlterTable
+ALTER TABLE "DoctorSign" DROP CONSTRAINT "DoctorSign_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "DoctorSign_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "DoctorSign_id_seq";
+
+-- AlterTable
+ALTER TABLE "FirstAid" DROP CONSTRAINT "FirstAid_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "FirstAid_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "FirstAid_id_seq";
+
+-- AlterTable
+ALTER TABLE "Introduction" DROP CONSTRAINT "Introduction_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "Introduction_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "Introduction_id_seq";
+
+-- AlterTable
+ALTER TABLE "JadwalKegiatan" ADD COLUMN     "deskripsiJadwalKegiatanId" TEXT NOT NULL,
+ADD COLUMN     "dokumenJadwalKegiatanId" TEXT NOT NULL,
+ADD COLUMN     "informasiJadwalKegiatanId" TEXT NOT NULL,
+ADD COLUMN     "layananJadwalKegiatanId" TEXT NOT NULL,
+ADD COLUMN     "pendaftaranJadwalKegiatanId" TEXT NOT NULL,
+ADD COLUMN     "syaratKetentuanJadwalKegiatanId" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "MythVsFact" DROP CONSTRAINT "MythVsFact_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "MythVsFact_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "MythVsFact_id_seq";
+
+-- AlterTable
+ALTER TABLE "Prevention" DROP CONSTRAINT "Prevention_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "Prevention_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "Prevention_id_seq";
+
+-- AlterTable
+ALTER TABLE "Symptom" DROP CONSTRAINT "Symptom_pkey",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT,
+ADD CONSTRAINT "Symptom_pkey" PRIMARY KEY ("id");
+DROP SEQUENCE "Symptom_id_seq";
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_informasiJadwalKegiatanId_fkey" FOREIGN KEY ("informasiJadwalKegiatanId") REFERENCES "InformasiJadwalKegiatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_deskripsiJadwalKegiatanId_fkey" FOREIGN KEY ("deskripsiJadwalKegiatanId") REFERENCES "DeskripsiJadwalKegiatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_layananJadwalKegiatanId_fkey" FOREIGN KEY ("layananJadwalKegiatanId") REFERENCES "LayananJadwalKegiatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_syaratKetentuanJadwalKegiatanId_fkey" FOREIGN KEY ("syaratKetentuanJadwalKegiatanId") REFERENCES "SyaratKetentuanJadwalKegiatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_dokumenJadwalKegiatanId_fkey" FOREIGN KEY ("dokumenJadwalKegiatanId") REFERENCES "DokumenJadwalKegiatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "JadwalKegiatan" ADD CONSTRAINT "JadwalKegiatan_pendaftaranJadwalKegiatanId_fkey" FOREIGN KEY ("pendaftaranJadwalKegiatanId") REFERENCES "PendaftaranJadwalKegiatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250627155416_nico_27_jun_25_o1/migration.sql

@@ -0,0 +1,68 @@
+/*
+  Warnings:
+
+  - The primary key for the `DataKematian_Kelahiran` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - You are about to drop the column `uuid` on the `DataKematian_Kelahiran` table. All the data in the column will be lost.
+  - The primary key for the `GrafikKepuasan` table will be changed. If it partially fails, the table could be left without primary key constraint.
+  - You are about to drop the column `uuid` on the `GrafikKepuasan` table. All the data in the column will be lost.
+  - A unique constraint covering the columns `[id]` on the table `DataKematian_Kelahiran` will be added. If there are existing duplicate values, this will fail.
+  - A unique constraint covering the columns `[id]` on the table `GrafikKepuasan` will be added. If there are existing duplicate values, this will fail.
+  - Added the required column `doctorSignId` to the `ArtikelKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `firstAidId` to the `ArtikelKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `introductionId` to the `ArtikelKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `mythVsFactId` to the `ArtikelKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `preventionId` to the `ArtikelKesehatan` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `symptomId` to the `ArtikelKesehatan` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropIndex
+DROP INDEX "DataKematian_Kelahiran_uuid_key";
+
+-- DropIndex
+DROP INDEX "GrafikKepuasan_uuid_key";
+
+-- AlterTable
+ALTER TABLE "ArtikelKesehatan" ADD COLUMN     "doctorSignId" TEXT NOT NULL,
+ADD COLUMN     "firstAidId" TEXT NOT NULL,
+ADD COLUMN     "introductionId" TEXT NOT NULL,
+ADD COLUMN     "mythVsFactId" TEXT NOT NULL,
+ADD COLUMN     "preventionId" TEXT NOT NULL,
+ADD COLUMN     "symptomId" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "DataKematian_Kelahiran" DROP CONSTRAINT "DataKematian_Kelahiran_pkey",
+DROP COLUMN "uuid",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT;
+DROP SEQUENCE "DataKematian_Kelahiran_id_seq";
+
+-- AlterTable
+ALTER TABLE "GrafikKepuasan" DROP CONSTRAINT "GrafikKepuasan_pkey",
+DROP COLUMN "uuid",
+ALTER COLUMN "id" DROP DEFAULT,
+ALTER COLUMN "id" SET DATA TYPE TEXT;
+DROP SEQUENCE "GrafikKepuasan_id_seq";
+
+-- CreateIndex
+CREATE UNIQUE INDEX "DataKematian_Kelahiran_id_key" ON "DataKematian_Kelahiran"("id");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "GrafikKepuasan_id_key" ON "GrafikKepuasan"("id");
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_introductionId_fkey" FOREIGN KEY ("introductionId") REFERENCES "Introduction"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_symptomId_fkey" FOREIGN KEY ("symptomId") REFERENCES "Symptom"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_preventionId_fkey" FOREIGN KEY ("preventionId") REFERENCES "Prevention"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_firstAidId_fkey" FOREIGN KEY ("firstAidId") REFERENCES "FirstAid"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_mythVsFactId_fkey" FOREIGN KEY ("mythVsFactId") REFERENCES "MythVsFact"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ArtikelKesehatan" ADD CONSTRAINT "ArtikelKesehatan_doctorSignId_fkey" FOREIGN KEY ("doctorSignId") REFERENCES "DoctorSign"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250630030216_nico_30_jun_25_1/migration.sql

@@ -0,0 +1,201 @@
+-- CreateEnum
+CREATE TYPE "StatusLaporan" AS ENUM ('SELESAI', 'PROSES', 'GAGAL');
+
+-- AlterTable
+ALTER TABLE "DataKematian_Kelahiran" ADD CONSTRAINT "DataKematian_Kelahiran_pkey" PRIMARY KEY ("id");
+
+-- DropIndex
+DROP INDEX "DataKematian_Kelahiran_id_key";
+
+-- AlterTable
+ALTER TABLE "GrafikKepuasan" ADD CONSTRAINT "GrafikKepuasan_pkey" PRIMARY KEY ("id");
+
+-- DropIndex
+DROP INDEX "GrafikKepuasan_id_key";
+
+-- CreateTable
+CREATE TABLE "KeamananLingkungan" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "imageId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KeamananLingkungan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PolsekTerdekat" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "jarakKeDesa" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "nomorTelepon" TEXT NOT NULL,
+    "jamOperasional" TEXT NOT NULL,
+    "embedMapUrl" TEXT NOT NULL,
+    "namaTempatMaps" TEXT NOT NULL,
+    "alamatMaps" TEXT NOT NULL,
+    "linkPetunjukArah" TEXT NOT NULL,
+    "layananPolsekId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PolsekTerdekat_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LayananPolsek" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "LayananPolsek_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KontakDaruratKeamanan" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "kontak" TEXT NOT NULL,
+    "icon" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KontakDaruratKeamanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PencegahanKriminalitas" (
+    "id" TEXT NOT NULL,
+    "programKeamananId" TEXT NOT NULL,
+    "tipsKeamananId" TEXT NOT NULL,
+    "videoKeamananId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "PencegahanKriminalitas_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "ProgramKeamanan" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "deskripsi" TEXT,
+    "slug" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "ProgramKeamanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "TipsKeamanan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "konten" TEXT NOT NULL,
+    "slug" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "TipsKeamanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "VideoKeamanan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT,
+    "videoUrl" TEXT NOT NULL,
+    "slug" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "VideoKeamanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LaporanPublik" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "lokasi" TEXT NOT NULL,
+    "tanggalWaktu" TIMESTAMP(3) NOT NULL,
+    "status" "StatusLaporan" NOT NULL,
+    "kronologi" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "LaporanPublik_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PenangananLaporanPublik" (
+    "id" TEXT NOT NULL,
+    "laporanId" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+
+    CONSTRAINT "PenangananLaporanPublik_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Pelapor" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "nomorTelepon" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+
+    CONSTRAINT "Pelapor_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "MenuTipsKeamanan" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "imageId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "MenuTipsKeamanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "ProgramKeamanan_slug_key" ON "ProgramKeamanan"("slug");
+
+-- AddForeignKey
+ALTER TABLE "KeamananLingkungan" ADD CONSTRAINT "KeamananLingkungan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PolsekTerdekat" ADD CONSTRAINT "PolsekTerdekat_layananPolsekId_fkey" FOREIGN KEY ("layananPolsekId") REFERENCES "LayananPolsek"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PencegahanKriminalitas" ADD CONSTRAINT "PencegahanKriminalitas_programKeamananId_fkey" FOREIGN KEY ("programKeamananId") REFERENCES "ProgramKeamanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PencegahanKriminalitas" ADD CONSTRAINT "PencegahanKriminalitas_tipsKeamananId_fkey" FOREIGN KEY ("tipsKeamananId") REFERENCES "TipsKeamanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PencegahanKriminalitas" ADD CONSTRAINT "PencegahanKriminalitas_videoKeamananId_fkey" FOREIGN KEY ("videoKeamananId") REFERENCES "VideoKeamanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PenangananLaporanPublik" ADD CONSTRAINT "PenangananLaporanPublik_laporanId_fkey" FOREIGN KEY ("laporanId") REFERENCES "LaporanPublik"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Pelapor" ADD CONSTRAINT "Pelapor_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "MenuTipsKeamanan" ADD CONSTRAINT "MenuTipsKeamanan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;

prisma/migrations/20250630081247_fix_layanan_polsek_deletedat/migration.sql

@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE "LayananPolsek" ALTER COLUMN "deletedAt" DROP NOT NULL,
+ALTER COLUMN "deletedAt" DROP DEFAULT;

prisma/migrations/20250701093155_nico_1_jul_25_test1/migration.sql

@@ -0,0 +1,75 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `deletedAt` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `deskripsi` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `imageId` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `isActive` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `name` on the `KontakDarurat` table. All the data in the column will be lost.
+  - Added the required column `nama` to the `KontakDarurat` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "KontakDarurat" DROP CONSTRAINT "KontakDarurat_imageId_fkey";
+
+-- AlterTable
+ALTER TABLE "KontakDarurat" DROP COLUMN "deletedAt",
+DROP COLUMN "deskripsi",
+DROP COLUMN "imageId",
+DROP COLUMN "isActive",
+DROP COLUMN "name",
+ADD COLUMN     "icon" TEXT,
+ADD COLUMN     "nama" TEXT NOT NULL,
+ADD COLUMN     "urutan" INTEGER;
+
+-- CreateTable
+CREATE TABLE "KontakItem" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "nomorTelepon" TEXT NOT NULL,
+    "icon" TEXT,
+    "kategoriId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "KontakItem_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "PasarDesa" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "harga" INTEGER NOT NULL,
+    "satuan" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "imageId" TEXT NOT NULL,
+    "rating" DOUBLE PRECISION NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "kategoriId" TEXT NOT NULL,
+
+    CONSTRAINT "PasarDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KategoriMakanan" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KategoriMakanan_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "KontakItem" ADD CONSTRAINT "KontakItem_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KontakDarurat"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PasarDesa" ADD CONSTRAINT "PasarDesa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "PasarDesa" ADD CONSTRAINT "PasarDesa_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriMakanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250701093435_nico_1_jul_25_test2/migration.sql

@@ -0,0 +1,38 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `icon` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `nama` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `urutan` on the `KontakDarurat` table. All the data in the column will be lost.
+  - You are about to drop the column `deletedAt` on the `KontakDaruratKeamanan` table. All the data in the column will be lost.
+  - You are about to drop the column `isActive` on the `KontakDaruratKeamanan` table. All the data in the column will be lost.
+  - You are about to drop the column `kontak` on the `KontakDaruratKeamanan` table. All the data in the column will be lost.
+  - Added the required column `deskripsi` to the `KontakDarurat` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `imageId` to the `KontakDarurat` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `name` to the `KontakDarurat` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "KontakItem" DROP CONSTRAINT "KontakItem_kategoriId_fkey";
+
+-- AlterTable
+ALTER TABLE "KontakDarurat" DROP COLUMN "icon",
+DROP COLUMN "nama",
+DROP COLUMN "urutan",
+ADD COLUMN     "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "deskripsi" TEXT NOT NULL,
+ADD COLUMN     "imageId" TEXT NOT NULL,
+ADD COLUMN     "isActive" BOOLEAN NOT NULL DEFAULT true,
+ADD COLUMN     "name" TEXT NOT NULL;
+
+-- AlterTable
+ALTER TABLE "KontakDaruratKeamanan" DROP COLUMN "deletedAt",
+DROP COLUMN "isActive",
+DROP COLUMN "kontak",
+ADD COLUMN     "urutan" INTEGER;
+
+-- AddForeignKey
+ALTER TABLE "KontakDarurat" ADD CONSTRAINT "KontakDarurat_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakItem" ADD CONSTRAINT "KontakItem_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KontakDaruratKeamanan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250703070556_3_jul_2025_1/migration.sql

@@ -0,0 +1,85 @@
+/*
+  Warnings:
+
+  - The values [SELESAI,PROSES,GAGAL] on the enum `StatusLaporan` will be removed. If these variants are still used in the database, this will fail.
+  - You are about to drop the column `icon` on the `KontakDaruratKeamanan` table. All the data in the column will be lost.
+  - You are about to drop the column `urutan` on the `KontakDaruratKeamanan` table. All the data in the column will be lost.
+  - You are about to drop the column `icon` on the `KontakItem` table. All the data in the column will be lost.
+
+*/
+-- AlterEnum
+BEGIN;
+CREATE TYPE "StatusLaporan_new" AS ENUM ('Selesai', 'Proses', 'Gagal');
+ALTER TABLE "LaporanPublik" ALTER COLUMN "status" TYPE "StatusLaporan_new" USING ("status"::text::"StatusLaporan_new");
+ALTER TYPE "StatusLaporan" RENAME TO "StatusLaporan_old";
+ALTER TYPE "StatusLaporan_new" RENAME TO "StatusLaporan";
+DROP TYPE "StatusLaporan_old";
+COMMIT;
+
+-- AlterTable
+ALTER TABLE "KontakDaruratKeamanan" DROP COLUMN "icon",
+DROP COLUMN "urutan",
+ADD COLUMN     "imageId" TEXT;
+
+-- AlterTable
+ALTER TABLE "KontakItem" DROP COLUMN "icon",
+ADD COLUMN     "imageId" TEXT;
+
+-- CreateTable
+CREATE TABLE "LowonganPekerjaan" (
+    "id" TEXT NOT NULL,
+    "posisi" TEXT NOT NULL,
+    "namaPerusahaan" TEXT NOT NULL,
+    "lokasi" TEXT NOT NULL,
+    "tipePekerjaan" TEXT NOT NULL,
+    "gaji" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "kualifikasi" TEXT NOT NULL,
+    "tanggalPosting" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "LowonganPekerjaan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "ProgramKemiskinan" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "ikonUrl" TEXT,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "statistikId" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "ProgramKemiskinan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "StatistikKemiskinan" (
+    "id" TEXT NOT NULL,
+    "tahun" INTEGER NOT NULL,
+    "jumlah" INTEGER NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "StatistikKemiskinan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "ProgramKemiskinan_statistikId_key" ON "ProgramKemiskinan"("statistikId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "StatistikKemiskinan_tahun_key" ON "StatistikKemiskinan"("tahun");
+
+-- AddForeignKey
+ALTER TABLE "KontakDaruratKeamanan" ADD CONSTRAINT "KontakDaruratKeamanan_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KontakItem" ADD CONSTRAINT "KontakItem_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ProgramKemiskinan" ADD CONSTRAINT "ProgramKemiskinan_statistikId_fkey" FOREIGN KEY ("statistikId") REFERENCES "StatistikKemiskinan"("id") ON DELETE SET NULL ON UPDATE CASCADE;

prisma/migrations/20250703082409_nico_3_jul_25_2/migration.sql

@@ -0,0 +1,59 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `alamat` on the `PasarDesa` table. All the data in the column will be lost.
+  - You are about to drop the column `deletedAt` on the `PasarDesa` table. All the data in the column will be lost.
+  - You are about to drop the column `isActive` on the `PasarDesa` table. All the data in the column will be lost.
+  - You are about to drop the column `kategoriId` on the `PasarDesa` table. All the data in the column will be lost.
+  - You are about to drop the column `satuan` on the `PasarDesa` table. All the data in the column will be lost.
+  - You are about to drop the `KategoriMakanan` table. If the table is not empty, all the data it contains will be lost.
+  - Added the required column `alamatUsaha` to the `PasarDesa` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- DropForeignKey
+ALTER TABLE "PasarDesa" DROP CONSTRAINT "PasarDesa_imageId_fkey";
+
+-- DropForeignKey
+ALTER TABLE "PasarDesa" DROP CONSTRAINT "PasarDesa_kategoriId_fkey";
+
+-- AlterTable
+ALTER TABLE "PasarDesa" DROP COLUMN "alamat",
+DROP COLUMN "deletedAt",
+DROP COLUMN "isActive",
+DROP COLUMN "kategoriId",
+DROP COLUMN "satuan",
+ADD COLUMN     "alamatUsaha" TEXT NOT NULL,
+ALTER COLUMN "imageId" DROP NOT NULL;
+
+-- DropTable
+DROP TABLE "KategoriMakanan";
+
+-- CreateTable
+CREATE TABLE "KategoriProduk" (
+    "id" TEXT NOT NULL,
+    "nama" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "KategoriProduk_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "_ProdukToKategori" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_ProdukToKategori_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateIndex
+CREATE INDEX "_ProdukToKategori_B_index" ON "_ProdukToKategori"("B");
+
+-- AddForeignKey
+ALTER TABLE "PasarDesa" ADD CONSTRAINT "PasarDesa_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_ProdukToKategori" ADD CONSTRAINT "_ProdukToKategori_A_fkey" FOREIGN KEY ("A") REFERENCES "KategoriProduk"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_ProdukToKategori" ADD CONSTRAINT "_ProdukToKategori_B_fkey" FOREIGN KEY ("B") REFERENCES "PasarDesa"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20250704023249_pivot_kategori_to_pasar/migration.sql

@@ -0,0 +1,41 @@
+/*
+  Warnings:
+
+  - You are about to drop the `_ProdukToKategori` table. If the table is not empty, all the data it contains will be lost.
+
+*/
+-- DropForeignKey
+ALTER TABLE "_ProdukToKategori" DROP CONSTRAINT "_ProdukToKategori_A_fkey";
+
+-- DropForeignKey
+ALTER TABLE "_ProdukToKategori" DROP CONSTRAINT "_ProdukToKategori_B_fkey";
+
+-- AlterTable
+ALTER TABLE "KategoriProduk" ADD COLUMN     "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "isActive" BOOLEAN NOT NULL DEFAULT true;
+
+-- AlterTable
+ALTER TABLE "PasarDesa" ADD COLUMN     "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ADD COLUMN     "isActive" BOOLEAN NOT NULL DEFAULT true;
+
+-- DropTable
+DROP TABLE "_ProdukToKategori";
+
+-- CreateTable
+CREATE TABLE "KategoriToPasar" (
+    "id" TEXT NOT NULL,
+    "kategoriId" TEXT NOT NULL,
+    "pasarDesaId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KategoriToPasar_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "KategoriToPasar" ADD CONSTRAINT "KategoriToPasar_kategoriId_fkey" FOREIGN KEY ("kategoriId") REFERENCES "KategoriProduk"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "KategoriToPasar" ADD CONSTRAINT "KategoriToPasar_pasarDesaId_fkey" FOREIGN KEY ("pasarDesaId") REFERENCES "PasarDesa"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250704091225_4_jul_2025/migration.sql

@@ -0,0 +1,11 @@
+/*
+  Warnings:
+
+  - Added the required column `kategoriProdukId` to the `PasarDesa` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "PasarDesa" ADD COLUMN     "kategoriProdukId" TEXT NOT NULL;
+
+-- AddForeignKey
+ALTER TABLE "PasarDesa" ADD CONSTRAINT "PasarDesa_kategoriProdukId_fkey" FOREIGN KEY ("kategoriProdukId") REFERENCES "KategoriProduk"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250707074426_add_is_active_to_pegawai/migration.sql

@@ -0,0 +1,78 @@
+-- CreateTable
+CREATE TABLE "posisi_organisasi" (
+    "id" VARCHAR(50) NOT NULL,
+    "nama" VARCHAR(100) NOT NULL,
+    "deskripsi" TEXT,
+    "hierarki" INTEGER NOT NULL,
+
+    CONSTRAINT "posisi_organisasi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "pegawai" (
+    "id" UUID NOT NULL,
+    "namaLengkap" VARCHAR(255) NOT NULL,
+    "gelarAkademik" VARCHAR(100),
+    "imageId" TEXT,
+    "tanggalMasuk" DATE,
+    "email" VARCHAR(255),
+    "telepon" VARCHAR(20),
+    "alamat" TEXT,
+    "posisiId" VARCHAR(50) NOT NULL,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "pegawai_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "hubungan_organisasi" (
+    "id" UUID NOT NULL,
+    "atasanId" UUID NOT NULL,
+    "bawahanId" UUID NOT NULL,
+    "tipe" VARCHAR(50),
+
+    CONSTRAINT "hubungan_organisasi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "struktur_organisasi" (
+    "id" TEXT NOT NULL,
+    "posisiOrganisasiId" VARCHAR(50) NOT NULL,
+    "pegawaiId" UUID NOT NULL,
+    "hubunganOrganisasiId" UUID NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3),
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "struktur_organisasi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "pegawai_email_key" ON "pegawai"("email");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "hubungan_organisasi_atasanId_bawahanId_key" ON "hubungan_organisasi"("atasanId", "bawahanId");
+
+-- AddForeignKey
+ALTER TABLE "pegawai" ADD CONSTRAINT "pegawai_imageId_fkey" FOREIGN KEY ("imageId") REFERENCES "FileStorage"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "pegawai" ADD CONSTRAINT "pegawai_posisiId_fkey" FOREIGN KEY ("posisiId") REFERENCES "posisi_organisasi"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "hubungan_organisasi" ADD CONSTRAINT "hubungan_organisasi_atasanId_fkey" FOREIGN KEY ("atasanId") REFERENCES "pegawai"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "hubungan_organisasi" ADD CONSTRAINT "hubungan_organisasi_bawahanId_fkey" FOREIGN KEY ("bawahanId") REFERENCES "pegawai"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "struktur_organisasi" ADD CONSTRAINT "struktur_organisasi_posisiOrganisasiId_fkey" FOREIGN KEY ("posisiOrganisasiId") REFERENCES "posisi_organisasi"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "struktur_organisasi" ADD CONSTRAINT "struktur_organisasi_pegawaiId_fkey" FOREIGN KEY ("pegawaiId") REFERENCES "pegawai"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "struktur_organisasi" ADD CONSTRAINT "struktur_organisasi_hubunganOrganisasiId_fkey" FOREIGN KEY ("hubunganOrganisasiId") REFERENCES "hubungan_organisasi"("id") ON DELETE RESTRICT ON UPDATE CASCADE;

prisma/migrations/20250708152314_nico_8_jul_25_1/migration.sql

@@ -0,0 +1,77 @@
+-- CreateTable
+CREATE TABLE "GrafikMenganggurBerdasarkanUsia" (
+    "id" TEXT NOT NULL,
+    "usia18_25" TEXT NOT NULL,
+    "usia26_35" TEXT NOT NULL,
+    "usia36_45" TEXT NOT NULL,
+    "usia46_keatas" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "GrafikMenganggurBerdasarkanUsia_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "GrafikMenganggurBerdasarkanPendidikan" (
+    "id" TEXT NOT NULL,
+    "SD" TEXT NOT NULL,
+    "SMP" TEXT NOT NULL,
+    "SMA" TEXT NOT NULL,
+    "D3" TEXT NOT NULL,
+    "S1" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "GrafikMenganggurBerdasarkanPendidikan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "GrafikJumlahPendudukMiskin" (
+    "id" UUID NOT NULL,
+    "year" INTEGER NOT NULL,
+    "totalPoorPopulation" INTEGER NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "GrafikJumlahPendudukMiskin_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "SektorUnggulanDesa" (
+    "id" UUID NOT NULL,
+    "name" VARCHAR(100) NOT NULL,
+    "description" TEXT,
+    "value" DOUBLE PRECISION,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "SektorUnggulanDesa_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "DataDemografiPekerjaan" (
+    "id" TEXT NOT NULL,
+    "pekerjaan" TEXT NOT NULL,
+    "lakiLaki" INTEGER NOT NULL,
+    "perempuan" INTEGER NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "DataDemografiPekerjaan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "GrafikJumlahPendudukMiskin_year_key" ON "GrafikJumlahPendudukMiskin"("year");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "SektorUnggulanDesa_name_key" ON "SektorUnggulanDesa"("name");

prisma/schema.prisma

@@ -50,26 +50,46 @@ model AppMenuChild {
 // ========================================= FILE STORAGE ========================================= //
 
 model FileStorage {
-  id           String         @id @default(cuid())
-  name         String         @unique
-  realName     String
-  path         String
-  mimeType     String
-  createdAt    DateTime       @default(now())
-  updatedAt    DateTime       @updatedAt
-  deletedAt    DateTime?
-  isActive     Boolean        @default(true)
-  link         String
-  Berita       Berita[]
-  PotensiDesa  PotensiDesa[]
-  Posyandu     Posyandu[]
-  StrukturPPID StrukturPPID[]
-  GalleryFoto GalleryFoto[]
+  id                       String                     @id @default(cuid())
+  name                     String                     @unique
+  realName                 String
+  path                     String
+  mimeType                 String
+  createdAt                DateTime                   @default(now())
+  updatedAt                DateTime                   @updatedAt
+  deletedAt                DateTime?
+  isActive                 Boolean                    @default(true)
+  link                     String
+  Berita                   Berita[]
+  PotensiDesa              PotensiDesa[]
+  Posyandu                 Posyandu[]
+  StrukturPPID             StrukturPPID[]
+  GalleryFoto              GalleryFoto[]
   PelayananSuratKeterangan PelayananSuratKeterangan[]
-  Penghargaan Penghargaan[]
-  ProfileDesaImage ProfileDesaImage[]
-  ProfilePPID ProfilePPID[]
-  ProfilPerbekel ProfilPerbekel[]
+  Penghargaan              Penghargaan[]
+  ProfileDesaImage         ProfileDesaImage[]
+  ProfilePPID              ProfilePPID[]
+  ProfilPerbekel           ProfilPerbekel[]
+  Puskesmas                Puskesmas[]
+  ProgramKesehatan         ProgramKesehatan[]
+  PenangananDarurat        PenangananDarurat[]
+  KontakDarurat            KontakDarurat[]
+
+  InfoWabahPenyakit InfoWabahPenyakit[]
+
+  KeamananLingkungan KeamananLingkungan[]
+
+  MenuTipsKeamanan MenuTipsKeamanan[]
+
+  Pelapor Pelapor[]
+
+  PasarDesa PasarDesa[]
+
+  KontakDaruratKeamanan KontakDaruratKeamanan[]
+
+  KontakItem KontakItem[]
+
+  Pegawai Pegawai[]
 }
 
 //========================================= MENU PPID ========================================= //
@@ -116,6 +136,7 @@ model ProfilePPID {
   riwayat    String       @db.Text
   pengalaman String       @db.Text
   unggulan   String       @db.Text
+  imageUrl   String?
   image      FileStorage? @relation(fields: [imageId], references: [id])
   imageId    String?
   createdAt  DateTime     @default(now())
@@ -278,37 +299,37 @@ model LambangDesa {
 }
 
 model MaskotDesa {
-  id        String   @id @default(cuid())
+  id        String             @id @default(cuid())
   judul     String
-  deskripsi String   @db.Text
+  deskripsi String             @db.Text
   images    ProfileDesaImage[]
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  createdAt DateTime           @default(now())
+  updatedAt DateTime           @updatedAt
+  deletedAt DateTime           @default(now())
+  isActive  Boolean            @default(true)
 }
 
 model ProfileDesaImage {
-  id            String      @id @default(cuid())
-  label         String
-  image         FileStorage @relation(fields: [imageId], references: [id])
-  imageId       String
-  MaskotDesa MaskotDesa @relation(fields: [maskotDesaId], references: [id])
+  id           String      @id @default(cuid())
+  label        String
+  image        FileStorage @relation(fields: [imageId], references: [id])
+  imageId      String
+  MaskotDesa   MaskotDesa  @relation(fields: [maskotDesaId], references: [id])
   maskotDesaId String
 }
 
 model ProfilPerbekel {
-  id                   String   @id @default(cuid())
-  biodata              String   @db.Text
-  pengalaman           String   @db.Text
-  pengalamanOrganisasi String   @db.Text
-  programUnggulan      String   @db.Text
+  id                   String       @id @default(cuid())
+  biodata              String       @db.Text
+  pengalaman           String       @db.Text
+  pengalamanOrganisasi String       @db.Text
+  programUnggulan      String       @db.Text
   image                FileStorage? @relation(fields: [imageId], references: [id])
   imageId              String?
-  createdAt            DateTime @default(now())
-  updatedAt            DateTime @updatedAt
-  deletedAt            DateTime @default(now())
-  isActive             Boolean  @default(true)
+  createdAt            DateTime     @default(now())
+  updatedAt            DateTime     @updatedAt
+  deletedAt            DateTime     @default(now())
+  isActive             Boolean      @default(true)
 }
 
 // ========================================= BERITA ========================================= //
@@ -464,18 +485,24 @@ model Penghargaan {
 
 // ========================================= FASILITAS KESEHATAN ========================================= //
 model FasilitasKesehatan {
-  id                   String                 @id @default(cuid())
-  name                 String
-  createdAt            DateTime               @default(now())
-  updatedAt            DateTime               @updatedAt
-  deletedAt            DateTime               @default(now())
-  isActive             Boolean                @default(true)
-  InformasiUmum        InformasiUmum[]
-  LayananUnggulan      LayananUnggulan[]
-  DokterdanTenagaMedis DokterdanTenagaMedis[]
-  FasilitasPendukung   FasilitasPendukung[]
-  ProsedurPendaftaran  ProsedurPendaftaran[]
-  TarifDanLayanan      TarifDanLayanan[]
+  id                     String               @id @default(cuid())
+  name                   String
+  createdAt              DateTime             @default(now())
+  updatedAt              DateTime             @updatedAt
+  deletedAt              DateTime             @default(now())
+  isActive               Boolean              @default(true)
+  informasiumum          InformasiUmum        @relation(fields: [informasiUmumId], references: [id])
+  informasiUmumId        String
+  layananunggulan        LayananUnggulan      @relation(fields: [layananUnggulanId], references: [id])
+  layananUnggulanId      String
+  dokterdantenagamedis   DokterdanTenagaMedis @relation(fields: [dokterdanTenagaMedisId], references: [id])
+  dokterdanTenagaMedisId String
+  fasilitaspendukung     FasilitasPendukung   @relation(fields: [fasilitasPendukungId], references: [id])
+  fasilitasPendukungId   String
+  prosedurpendaftaran    ProsedurPendaftaran  @relation(fields: [prosedurPendaftaranId], references: [id])
+  prosedurPendaftaranId  String
+  tarifdanlayanan        TarifDanLayanan      @relation(fields: [tarifDanLayananId], references: [id])
+  tarifDanLayananId      String
 }
 
 model InformasiUmum {
@@ -483,10 +510,10 @@ model InformasiUmum {
   fasilitas          String
   alamat             String
   jamOperasional     String
-  FasilitasKesehatan FasilitasKesehatan[]
   createdAt          DateTime             @default(now())
   updatedAt          DateTime             @updatedAt
   deletedAt          DateTime             @default(now())
+  FasilitasKesehatan FasilitasKesehatan[]
   isActive           Boolean              @default(true)
 }
 
@@ -545,33 +572,47 @@ model TarifDanLayanan {
 
 // ========================================= JADWAL KEGIATAN ========================================= //
 model JadwalKegiatan {
-  id        String   @id @default(cuid())
-  content   String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id                              String                        @id @default(cuid())
+  content                         String
+  informasijadwalkegiatan         InformasiJadwalKegiatan       @relation(fields: [informasiJadwalKegiatanId], references: [id])
+  informasiJadwalKegiatanId       String
+  deskripsijadwalkegiatan         DeskripsiJadwalKegiatan       @relation(fields: [deskripsiJadwalKegiatanId], references: [id])
+  deskripsiJadwalKegiatanId       String
+  layananjadwalkegiatan           LayananJadwalKegiatan         @relation(fields: [layananJadwalKegiatanId], references: [id])
+  layananJadwalKegiatanId         String
+  syaratketentuanjadwalkegiatan   SyaratKetentuanJadwalKegiatan @relation(fields: [syaratKetentuanJadwalKegiatanId], references: [id])
+  syaratKetentuanJadwalKegiatanId String
+  dokumenjadwalkegiatan           DokumenJadwalKegiatan         @relation(fields: [dokumenJadwalKegiatanId], references: [id])
+  dokumenJadwalKegiatanId         String
+  pendaftaranjadwalkegiatan       PendaftaranJadwalKegiatan     @relation(fields: [pendaftaranJadwalKegiatanId], references: [id])
+  pendaftaranJadwalKegiatanId     String
+  createdAt                       DateTime                      @default(now())
+  updatedAt                       DateTime                      @updatedAt
+  deletedAt                       DateTime                      @default(now())
+  isActive                        Boolean                       @default(true)
 }
 
 model InformasiJadwalKegiatan {
-  id        String   @id @default(cuid())
-  name      String
-  tanggal   String
-  waktu     String
-  lokasi    String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id             String           @id @default(cuid())
+  name           String
+  tanggal        String
+  waktu          String
+  lokasi         String
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @updatedAt
+  deletedAt      DateTime         @default(now())
+  isActive       Boolean          @default(true)
+  JadwalKegiatan JadwalKegiatan[]
 }
 
 model DeskripsiJadwalKegiatan {
-  id        String   @id @default(cuid())
-  deskripsi String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id             String           @id @default(cuid())
+  deskripsi      String
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @updatedAt
+  deletedAt      DateTime         @default(now())
+  isActive       Boolean          @default(true)
+  JadwalKegiatan JadwalKegiatan[]
 }
 
 model LayananJadwalKegiatan {
@@ -581,6 +622,8 @@ model LayananJadwalKegiatan {
   updatedAt DateTime @updatedAt
   deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
+
+  JadwalKegiatan JadwalKegiatan[]
 }
 
 model SyaratKetentuanJadwalKegiatan {
@@ -590,34 +633,38 @@ model SyaratKetentuanJadwalKegiatan {
   updatedAt DateTime @updatedAt
   deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
+
+  JadwalKegiatan JadwalKegiatan[]
 }
 
 model DokumenJadwalKegiatan {
-  id        String   @id @default(cuid())
-  content   String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id             String           @id @default(cuid())
+  content        String
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @updatedAt
+  deletedAt      DateTime         @default(now())
+  isActive       Boolean          @default(true)
+  JadwalKegiatan JadwalKegiatan[]
 }
 
 model PendaftaranJadwalKegiatan {
-  id           String   @id @default(cuid())
-  name         String
-  tanggal      String
-  namaOrangtua String
-  nomor        String
-  alamat       String
-  catatan      String
-  createdAt    DateTime @default(now())
-  updatedAt    DateTime @updatedAt
-  deletedAt    DateTime @default(now())
-  isActive     Boolean  @default(true)
+  id             String           @id @default(cuid())
+  name           String
+  tanggal        String
+  namaOrangtua   String
+  nomor          String
+  alamat         String
+  catatan        String
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @updatedAt
+  deletedAt      DateTime         @default(now())
+  isActive       Boolean          @default(true)
+  JadwalKegiatan JadwalKegiatan[]
 }
 
 // ========================================= PERSENTASE KELAHIRAN & KEMATIAN ========================================= //
 model DataKematian_Kelahiran {
-  id             Int      @id @default(autoincrement())
+  id             String   @id @default(cuid())
   tahun          String
   kematianKasar  String
   kematianBayi   String
@@ -630,7 +677,7 @@ model DataKematian_Kelahiran {
 
 // ========================================= GRAFIK KEPUASAN ========================================= //
 model GrafikKepuasan {
-  id        Int      @id @default(autoincrement())
+  id        String   @id @default(cuid())
   label     String
   jumlah    String
   createdAt DateTime @default(now())
@@ -641,56 +688,74 @@ model GrafikKepuasan {
 
 // ========================================= ARTIKEL KESEHATAN ========================================= //
 model ArtikelKesehatan {
-  id        Int      @id @default(autoincrement())
-  title     String
-  content   String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id             String       @id @default(cuid())
+  title          String
+  content        String
+  introduction   Introduction @relation(fields: [introductionId], references: [id])
+  introductionId String
+  symptom        Symptom      @relation(fields: [symptomId], references: [id])
+  symptomId      String
+  prevention     Prevention   @relation(fields: [preventionId], references: [id])
+  preventionId   String
+  firstaid       FirstAid     @relation(fields: [firstAidId], references: [id])
+  firstAidId     String
+  mythvsfact     MythVsFact   @relation(fields: [mythVsFactId], references: [id])
+  mythVsFactId   String
+  doctorsign     DoctorSign   @relation(fields: [doctorSignId], references: [id])
+  doctorSignId   String
+  createdAt      DateTime     @default(now())
+  updatedAt      DateTime     @updatedAt
+  deletedAt      DateTime     @default(now())
+  isActive       Boolean      @default(true)
 }
 
 model Introduction {
-  id        Int      @id @default(autoincrement())
-  content   String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id               String             @id @default(cuid())
+  content          String
+  createdAt        DateTime           @default(now())
+  updatedAt        DateTime           @updatedAt
+  deletedAt        DateTime           @default(now())
+  isActive         Boolean            @default(true)
+  ArtikelKesehatan ArtikelKesehatan[]
 }
 
 model Symptom {
-  id        Int      @id @default(autoincrement())
-  title     String
-  content   String
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id               String             @id @default(cuid())
+  title            String
+  content          String
+  createdAt        DateTime           @default(now())
+  updatedAt        DateTime           @updatedAt
+  deletedAt        DateTime           @default(now())
+  isActive         Boolean            @default(true)
+  ArtikelKesehatan ArtikelKesehatan[]
 }
 
 model Prevention {
-  id        Int      @id @default(autoincrement())
+  id        String   @id @default(cuid())
   title     String
   content   String
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
   deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
+
+  ArtikelKesehatan ArtikelKesehatan[]
 }
 
 model FirstAid {
-  id        Int      @id @default(autoincrement())
+  id        String   @id @default(cuid())
   title     String
   content   String
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
   deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
+
+  ArtikelKesehatan ArtikelKesehatan[]
 }
 
 model MythVsFact {
-  id        Int      @id @default(autoincrement())
+  id        String   @id @default(cuid())
   title     String
   mitos     String
   fakta     String
@@ -698,15 +763,19 @@ model MythVsFact {
   updatedAt DateTime @updatedAt
   deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
+
+  ArtikelKesehatan ArtikelKesehatan[]
 }
 
 model DoctorSign {
-  id        Int      @id @default(autoincrement())
+  id        String   @id @default(cuid())
   content   String
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
   deletedAt DateTime @default(now())
   isActive  Boolean  @default(true)
+
+  ArtikelKesehatan ArtikelKesehatan[]
 }
 
 // ========================================= POSYANDU ========================================= //
@@ -722,3 +791,474 @@ model Posyandu {
   deletedAt DateTime    @default(now())
   isActive  Boolean     @default(true)
 }
+
+// ========================================= PUSKESMAS ========================================= //
+model Puskesmas {
+  id        String          @id @default(cuid())
+  name      String
+  alamat    String
+  jam       JamOperasional  @relation(fields: [jamId], references: [id])
+  jamId     String
+  image     FileStorage     @relation(fields: [imageId], references: [id])
+  imageId   String
+  kontak    KontakPuskesmas @relation(fields: [kontakId], references: [id])
+  kontakId  String
+  createdAt DateTime        @default(now())
+  updatedAt DateTime        @updatedAt
+  deletedAt DateTime        @default(now())
+  isActive  Boolean         @default(true)
+}
+
+model JamOperasional {
+  id        String      @id @default(cuid())
+  workDays  String
+  weekDays  String
+  holiday   String
+  createdAt DateTime    @default(now())
+  updatedAt DateTime    @updatedAt
+  deletedAt DateTime    @default(now())
+  isActive  Boolean     @default(true)
+  Puskesmas Puskesmas[]
+}
+
+model KontakPuskesmas {
+  id              String      @id @default(cuid())
+  kontakPuskesmas String
+  email           String
+  facebook        String
+  kontakUGD       String
+  createdAt       DateTime    @default(now())
+  updatedAt       DateTime    @updatedAt
+  deletedAt       DateTime    @default(now())
+  isActive        Boolean     @default(true)
+  Puskesmas       Puskesmas[]
+}
+
+// ========================================= PROGRAM KESSEHATAN ========================================= //
+model ProgramKesehatan {
+  id               String      @id @default(cuid())
+  name             String
+  deskripsiSingkat String
+  deskripsi        String
+  image            FileStorage @relation(fields: [imageId], references: [id])
+  imageId          String
+  createdAt        DateTime    @default(now())
+  updatedAt        DateTime    @updatedAt
+  deletedAt        DateTime    @default(now())
+  isActive         Boolean     @default(true)
+}
+
+// ========================================= PENANGANAN DARURAT ========================================= //
+model PenangananDarurat {
+  id        String      @id @default(cuid())
+  name      String
+  deskripsi String
+  image     FileStorage @relation(fields: [imageId], references: [id])
+  imageId   String
+  createdAt DateTime    @default(now())
+  updatedAt DateTime    @updatedAt
+  deletedAt DateTime    @default(now())
+  isActive  Boolean     @default(true)
+}
+
+// ========================================= KONTAK DARURAT ========================================= //
+model KontakDarurat {
+  id        String      @id @default(cuid())
+  name      String
+  deskripsi String
+  image     FileStorage @relation(fields: [imageId], references: [id])
+  imageId   String
+  createdAt DateTime    @default(now())
+  updatedAt DateTime    @updatedAt
+  deletedAt DateTime    @default(now())
+  isActive  Boolean     @default(true)
+}
+
+// ========================================= INFO WABAH PENYAKIT ========================================= //
+model InfoWabahPenyakit {
+  id               String      @id @default(cuid())
+  name             String
+  deskripsiSingkat String
+  deskripsiLengkap String
+  image            FileStorage @relation(fields: [imageId], references: [id])
+  imageId          String
+  createdAt        DateTime    @default(now())
+  updatedAt        DateTime    @updatedAt
+  deletedAt        DateTime    @default(now())
+  isActive         Boolean     @default(true)
+}
+
+// ========================================= MENU KEAMANAN ========================================= //
+// ========================================= KEAMANAN LINGKUNGAN ========================================= //
+model KeamananLingkungan {
+  id        String       @id @default(cuid())
+  name      String       @db.Text
+  deskripsi String       @db.Text
+  image     FileStorage? @relation(fields: [imageId], references: [id])
+  imageId   String?
+  createdAt DateTime     @default(now())
+  updatedAt DateTime     @updatedAt
+  deletedAt DateTime     @default(now())
+  isActive  Boolean      @default(true)
+}
+
+// ========================================= POLSEK TERDEKAT ========================================= //
+model PolsekTerdekat {
+  id               String        @id @default(uuid())
+  nama             String
+  jarakKeDesa      String
+  alamat           String
+  nomorTelepon     String
+  jamOperasional   String
+  embedMapUrl      String
+  namaTempatMaps   String
+  alamatMaps       String
+  linkPetunjukArah String
+  layananPolsek    LayananPolsek @relation(fields: [layananPolsekId], references: [id])
+  layananPolsekId  String
+  createdAt        DateTime      @default(now())
+  updatedAt        DateTime      @updatedAt
+  deletedAt        DateTime      @default(now())
+  isActive         Boolean       @default(true)
+}
+
+model LayananPolsek {
+  id             String           @id @default(uuid())
+  nama           String // contoh: "Pelayanan SKCK", "Laporan Kriminal"
+  createdAt      DateTime         @default(now())
+  updatedAt      DateTime         @updatedAt
+  deletedAt      DateTime?
+  isActive       Boolean          @default(true)
+  PolsekTerdekat PolsekTerdekat[]
+}
+
+// ========================================= KONTAK DARURAT ========================================= //
+model KontakDaruratKeamanan {
+  id          String       @id @default(uuid())
+  nama        String // contoh: "Layanan Darurat", "Fasilitas Kesehatan"
+  image       FileStorage? @relation(fields: [imageId], references: [id])
+  imageId     String?
+  kontakItems KontakItem[]
+  createdAt   DateTime     @default(now())
+  updatedAt   DateTime     @updatedAt
+}
+
+model KontakItem {
+  id           String                @id @default(uuid())
+  nama         String // contoh: "Polisi", "Ambulans", "Puskesmas Darmasaba"
+  nomorTelepon String
+  image        FileStorage?          @relation(fields: [imageId], references: [id])
+  imageId      String?
+  kategori     KontakDaruratKeamanan @relation(fields: [kategoriId], references: [id])
+  kategoriId   String
+  createdAt    DateTime              @default(now())
+  updatedAt    DateTime              @updatedAt
+}
+
+// ========================================= PENCEGAHAN KRIMINALITAS ========================================= //
+model PencegahanKriminalitas {
+  id                String          @id @default(cuid())
+  programKeamanan   ProgramKeamanan @relation(fields: [programKeamananId], references: [id])
+  programKeamananId String
+  tipsKeamanan      TipsKeamanan    @relation(fields: [tipsKeamananId], references: [id])
+  tipsKeamananId    String
+  videoKeamanan     VideoKeamanan   @relation(fields: [videoKeamananId], references: [id])
+  videoKeamananId   String
+  createdAt         DateTime        @default(now())
+  updatedAt         DateTime        @updatedAt
+  deletedAt         DateTime        @default(now())
+  isActive          Boolean         @default(true)
+}
+
+model ProgramKeamanan {
+  id                     String                   @id @default(cuid())
+  nama                   String // contoh: "Ronda Malam"
+  deskripsi              String? // jika mau tambahkan info detail
+  slug                   String                   @unique
+  createdAt              DateTime                 @default(now())
+  updatedAt              DateTime                 @updatedAt
+  PencegahanKriminalitas PencegahanKriminalitas[]
+}
+
+model TipsKeamanan {
+  id                     String                   @id @default(cuid())
+  judul                  String
+  konten                 String
+  slug                   String
+  createdAt              DateTime                 @default(now())
+  updatedAt              DateTime                 @updatedAt
+  PencegahanKriminalitas PencegahanKriminalitas[]
+}
+
+model VideoKeamanan {
+  id                     String                   @id @default(cuid())
+  judul                  String
+  deskripsi              String?
+  videoUrl               String // link youtube atau embed url
+  slug                   String
+  createdAt              DateTime                 @default(now())
+  updatedAt              DateTime                 @updatedAt
+  PencegahanKriminalitas PencegahanKriminalitas[]
+}
+
+// ========================================= LAPORAN PUBLIK ========================================= //
+model LaporanPublik {
+  id           String                    @id @default(cuid())
+  judul        String
+  lokasi       String
+  tanggalWaktu DateTime
+  status       StatusLaporan
+  penanganan   PenangananLaporanPublik[]
+  kronologi    String? // Optional, bisa diisi detail kronologi
+  createdAt    DateTime                  @default(now())
+  updatedAt    DateTime                  @updatedAt
+}
+
+model PenangananLaporanPublik {
+  id        String        @id @default(cuid())
+  laporanId String
+  deskripsi String
+  laporan   LaporanPublik @relation(fields: [laporanId], references: [id], onDelete: Cascade)
+}
+
+enum StatusLaporan {
+  Selesai
+  Proses
+  Gagal
+}
+
+model Pelapor {
+  id           String      @id @default(cuid())
+  nama         String
+  alamat       String
+  nomorTelepon String
+  image        FileStorage @relation(fields: [imageId], references: [id])
+  imageId      String
+}
+
+// ========================================= TIPS KEAMANAN ========================================= //
+model MenuTipsKeamanan {
+  id        String       @id @default(cuid())
+  judul     String
+  deskripsi String
+  image     FileStorage? @relation(fields: [imageId], references: [id])
+  imageId   String?
+  createdAt DateTime     @default(now())
+  updatedAt DateTime     @updatedAt
+  deletedAt DateTime     @default(now())
+  isActive  Boolean      @default(true)
+}
+
+// ========================================= MENU EKONOMI ========================================= //
+// ========================================= PASAR DESA ========================================= //
+model PasarDesa {
+  id               String            @id @default(uuid())
+  nama             String
+  image            FileStorage?      @relation(fields: [imageId], references: [id])
+  imageId          String?
+  harga            Int
+  rating           Float
+  alamatUsaha      String
+  createdAt        DateTime          @default(now())
+  updatedAt        DateTime          @updatedAt
+  deletedAt        DateTime          @default(now())
+  isActive         Boolean           @default(true)
+  kategoriProduk   KategoriProduk    @relation(fields: [kategoriProdukId], references: [id])
+  kategoriProdukId String
+  KategoriToPasar  KategoriToPasar[]
+}
+
+model KategoriProduk {
+  id              String            @id @default(uuid())
+  nama            String
+  createdAt       DateTime          @default(now())
+  updatedAt       DateTime          @updatedAt
+  deletedAt       DateTime          @default(now())
+  isActive        Boolean           @default(true)
+  KategoriToPasar KategoriToPasar[]
+  PasarDesa       PasarDesa[]
+}
+
+model KategoriToPasar {
+  id          String         @id @default(uuid())
+  kategori    KategoriProduk @relation(fields: [kategoriId], references: [id])
+  kategoriId  String
+  pasarDesa   PasarDesa      @relation(fields: [pasarDesaId], references: [id])
+  pasarDesaId String
+  createdAt   DateTime       @default(now())
+  updatedAt   DateTime       @updatedAt
+  deletedAt   DateTime       @default(now())
+  isActive    Boolean        @default(true)
+}
+
+// ========================================= LOWONGAN KERJA LOKAL ========================================= //
+model LowonganPekerjaan {
+  id             String   @id @default(uuid())
+  posisi         String
+  namaPerusahaan String
+  lokasi         String
+  tipePekerjaan  String
+  gaji           String
+  deskripsi      String
+  kualifikasi    String
+  tanggalPosting DateTime @default(now())
+  isActive       Boolean  @default(true)
+  createdAt      DateTime @default(now())
+  updatedAt      DateTime @updatedAt
+  deletedAt      DateTime @default(now())
+}
+
+// ========================================= STRUKTUR ORGANISASI ========================================= //
+
+model PosisiOrganisasi {
+  id        String  @id @default(uuid()) @db.VarChar(50)
+  nama      String  @db.VarChar(100)
+  deskripsi String? @db.Text
+  hierarki  Int
+
+  pegawai            Pegawai[]
+  strukturOrganisasi StrukturOrganisasi[] // Relasi balik
+
+  @@map("posisi_organisasi")
+}
+
+model Pegawai {
+  id            String       @id @default(uuid()) @db.Uuid
+  namaLengkap   String       @db.VarChar(255)
+  gelarAkademik String?      @db.VarChar(100)
+  image         FileStorage? @relation(fields: [imageId], references: [id])
+  imageId       String?
+  tanggalMasuk  DateTime?    @db.Date
+  email         String?      @unique @db.VarChar(255)
+  telepon       String?      @db.VarChar(20)
+  alamat        String?      @db.Text
+  posisiId      String       @db.VarChar(50)
+  isActive      Boolean      @default(true)
+  createdAt     DateTime     @default(now())
+  updatedAt     DateTime     @updatedAt
+
+  posisi PosisiOrganisasi @relation(fields: [posisiId], references: [id])
+
+  sebagaiAtasan  HubunganOrganisasi[] @relation("AtasanToBawahan")
+  sebagaiBawahan HubunganOrganisasi[] @relation("BawahanToAtasan")
+
+  strukturOrganisasi StrukturOrganisasi[] // Relasi balik
+
+  @@map("pegawai")
+}
+
+model HubunganOrganisasi {
+  id        String  @id @default(uuid()) @db.Uuid
+  atasanId  String  @db.Uuid
+  bawahanId String  @db.Uuid
+  tipe      String? @db.VarChar(50)
+
+  atasan  Pegawai @relation("AtasanToBawahan", fields: [atasanId], references: [id])
+  bawahan Pegawai @relation("BawahanToAtasan", fields: [bawahanId], references: [id])
+
+  strukturOrganisasi StrukturOrganisasi[] // Relasi balik
+
+  @@unique([atasanId, bawahanId])
+  @@map("hubungan_organisasi")
+}
+
+model StrukturOrganisasi {
+  id                   String @id @default(uuid())
+  posisiOrganisasiId   String @db.VarChar(50)
+  pegawaiId            String @db.Uuid
+  hubunganOrganisasiId String @db.Uuid
+
+  posisiOrganisasi   PosisiOrganisasi   @relation(fields: [posisiOrganisasiId], references: [id])
+  pegawai            Pegawai            @relation(fields: [pegawaiId], references: [id])
+  hubunganOrganisasi HubunganOrganisasi @relation(fields: [hubunganOrganisasiId], references: [id])
+
+  createdAt DateTime  @default(now())
+  updatedAt DateTime  @updatedAt
+  deletedAt DateTime?
+  isActive  Boolean   @default(true)
+
+  @@map("struktur_organisasi")
+}
+
+// ========================================= PROGRAM KEMISKINAN ========================================= //
+model ProgramKemiskinan {
+  id          String               @id @default(uuid())
+  nama        String
+  deskripsi   String
+  ikonUrl     String?
+  isActive    Boolean              @default(true)
+  statistikId String?              @unique
+  statistik   StatistikKemiskinan? @relation(fields: [statistikId], references: [id])
+  createdAt   DateTime             @default(now())
+  updatedAt   DateTime             @updatedAt
+}
+
+model StatistikKemiskinan {
+  id                String             @id @default(uuid())
+  tahun             Int                @unique
+  jumlah            Int
+  programKemiskinan ProgramKemiskinan?
+  createdAt         DateTime           @default(now())
+  updatedAt         DateTime           @updatedAt
+}
+
+// ========================================= JUMLAH PENDUDUK USIA KERJA YANG MENGANGGUR ========================================= //
+model GrafikMenganggurBerdasarkanUsia {
+  id            String   @id @default(cuid())
+  usia18_25     String
+  usia26_35     String
+  usia36_45     String
+  usia46_keatas String
+  createdAt     DateTime @default(now())
+  updatedAt     DateTime @updatedAt
+  deletedAt     DateTime @default(now())
+  isActive      Boolean  @default(true)
+}
+
+model GrafikMenganggurBerdasarkanPendidikan {
+  id        String   @id @default(cuid())
+  SD        String
+  SMP       String
+  SMA       String
+  D3        String
+  S1        String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+// ========================================= JUMLAH PENDUDUK MISKIN ========================================= //
+model GrafikJumlahPendudukMiskin {
+  id                  String   @id @default(uuid()) @db.Uuid // Menggunakan UUID sebagai primary key
+  year                Int      @unique // Tahun data (e.g., 2024, 2025)
+  totalPoorPopulation Int // Jumlah penduduk miskin (e.g., 4800000)
+  createdAt           DateTime @default(now())
+  updatedAt           DateTime @updatedAt
+  deletedAt           DateTime @default(now())
+  isActive            Boolean  @default(true)
+}
+
+// ========================================= SEKTOR UNGGULAN DESA ========================================= //
+model SektorUnggulanDesa {
+  id          String   @id @default(uuid()) @db.Uuid // Menggunakan UUID sebagai primary key
+  name        String   @unique @db.VarChar(100) // Nama sektor (e.g., "Sektor Pertanian", "Sektor Peternakan")
+  description String?  @db.Text // Deskripsi lengkap tentang sektor
+  value       Float? // Nilai kuantitatif sektor (misalnya, kontribusi PDB, jumlah produksi, dll.)
+  createdAt   DateTime @default(now())
+  updatedAt   DateTime @updatedAt
+  deletedAt   DateTime @default(now())
+  isActive    Boolean  @default(true)
+}
+
+// ========================================= DEMOGRAFI PEKERJAAN ========================================= //
+model DataDemografiPekerjaan {
+  id        String   @id @default(cuid())
+  pekerjaan String
+  lakiLaki  Int
+  perempuan Int
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}

prisma/seed.ts

@@ -17,6 +17,10 @@ import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json";
 import lambangDesa from "./data/desa/profile/lambang_desa.json";
 import maskotDesa from "./data/desa/profile/maskot_desa.json";
 import profilPerbekel from "./data/desa/profile/profil_perbekel.json";
+import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
+import hubunganOrganisasi from "./data/ekonomi/struktur-organisasi/hubungan-organisasi.json";
+import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi.json";
+import pegawai from "./data/ekonomi/struktur-organisasi/pegawai.json";
 
 (async () => {
   for (const l of layanan) {
@@ -340,6 +344,93 @@ import profilPerbekel from "./data/desa/profile/profil_perbekel.json";
     });
   }
   console.log("dasar hukum PPID success ...");
+
+  for (const k of kategoriProduk) {
+    await prisma.kategoriProduk.upsert({
+      where: {
+        id: k.id,
+      },
+      update: {
+        nama: k.nama,
+      },
+      create: {
+        id: k.id,
+        nama: k.nama,
+      },
+    });
+  }
+  console.log("kategori produk success ...");
+
+
+  for (const p of posisiOrganisasi) {
+    await prisma.posisiOrganisasi.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        nama: p.nama,
+        deskripsi: p.deskripsi,
+        hierarki: p.hierarki,
+      },
+      create: {
+        id: p.id,
+        nama: p.nama,
+        deskripsi: p.deskripsi,
+        hierarki: p.hierarki,
+      },
+    });
+  }
+  console.log("posisi organisasi success ...");
+
+  for (const p of pegawai) {
+    await prisma.pegawai.upsert({
+      where: {
+        id: p.id,
+      },
+      update: {
+        namaLengkap: p.namaLengkap,
+        gelarAkademik: p.gelarAkademik,
+        tanggalMasuk: new Date(p.tanggalMasuk),
+        email: p.email,
+        telepon: p.telepon,
+        alamat: p.alamat,
+        posisiId: p.posisiId,
+        isActive: p.isActive,
+      },
+      create: {
+        id: p.id,
+        namaLengkap: p.namaLengkap,
+        gelarAkademik: p.gelarAkademik,
+        tanggalMasuk: new Date(p.tanggalMasuk),
+        email: p.email,
+        telepon: p.telepon,
+        alamat: p.alamat,
+        posisiId: p.posisiId,
+        isActive: p.isActive,
+      },
+    });
+  }
+  console.log("pegawai success ...");
+
+  for (const p of hubunganOrganisasi) {
+    await prisma.hubunganOrganisasi.upsert({
+      where: {
+        atasanId_bawahanId: {
+          atasanId: p.atasanId,
+          bawahanId: p.bawahanId,
+        },
+      },
+      update: {
+        tipe: p.tipe,
+      },
+      create: {
+        atasanId: p.atasanId,
+        bawahanId: p.bawahanId,
+        tipe: p.tipe,
+      },
+    });
+  }
+  console.log("hubungan organisasi success ...");
 })()
   .then(() => prisma.$disconnect())
   .catch((e) => {

src/app/admin/(dashboard)/_com/header.tsx

@@ -1,22 +1,37 @@
 import React from 'react';
 import { Grid, GridCol, Paper, TextInput, Title } from '@mantine/core';
-import { IconSearch } from '@tabler/icons-react'; // Sesuaikan jika kamu pakai icon lain
+import { IconSearch } from '@tabler/icons-react';
 import colors from '@/con/colors';
 
+type HeaderSearchProps = {
+  title: string;
+  placeholder?: string;
+  searchIcon?: React.ReactNode;
+  value?: string;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
 
-const HeaderSearch = ({ title = "", placeholder = "pencarian", searchIcon = <IconSearch size={20} /> }: { title: string, placeholder?: string, searchIcon?: React.ReactNode }) => {
+const HeaderSearch = ({
+  title = "",
+  placeholder = "pencarian",
+  searchIcon = <IconSearch size={20} />,
+  value,
+  onChange,
+}: HeaderSearchProps) => {
   return (
     <Grid>
       <GridCol span={{ base: 12, md: 9 }}>
         <Title order={3}>{title}</Title>
       </GridCol>
       <GridCol span={{ base: 12, md: 3 }}>
-        <Paper radius={"lg"} bg={colors['white-1']}>
+        <Paper radius="lg" bg={colors['white-1']}>
           <TextInput
             radius="lg"
             placeholder={placeholder}
             leftSection={searchIcon}
             w="100%"
+            value={value}
+            onChange={onChange}
           />
         </Paper>
       </GridCol>
@@ -24,4 +39,4 @@ const HeaderSearch = ({ title = "", placeholder = "pencarian", searchIcon = <Ico
   );
 };
 
-export default HeaderSearch;
+export default HeaderSearch;

src/app/admin/(dashboard)/_com/jusulListTab.tsx

@@ -5,31 +5,48 @@ import { IconCircleDashedPlus, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import React from 'react';
 
-const JudulListTab = ({ title = "", href = "#", placeholder = "pencarian", searchIcon = <IconSearch size={20} /> }) => {
+type JudulListTabProps = {
+  title: string;
+  href: string;
+  placeholder: string;
+  searchIcon: React.ReactNode;
+  value?: string;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+
+const JudulListTab = ({
+  title = "",
+  href = "#",
+  placeholder = "pencarian",
+  searchIcon = <IconSearch size={20} />,
+  value,
+  onChange 
+}: JudulListTabProps) => {
   const router = useRouter();
 
   const handleNavigate = () => {
     router.push(href);
   };
 
-
-
   return (
     <Grid mb={10}>
       <GridCol span={{ base: 12, md: 8 }}>
-        <Text fz={{base: "md", md: "xl"}} fw={"bold"}>{title}</Text>
+        <Text fz={{ base: "md", md: "xl" }} fw={"bold"}>{title}</Text>
       </GridCol>
-      <GridCol span={{ base: 9, md: 3}} ta="right">
+      <GridCol span={{ base: 9, md: 3 }} ta="right">
         <Paper radius={"lg"} bg={colors['white-1']}>
           <TextInput
             radius="lg"
             placeholder={placeholder}
             leftSection={searchIcon}
             w="100%"
+            value={value}
+            onChange={onChange}
           />
         </Paper>
       </GridCol>
-      <GridCol span={{ base: 3, md: 1}} ta="right">
+      <GridCol span={{ base: 3, md: 1 }} ta="right">
         <Button onClick={handleNavigate} bg={colors['blue-button']}>
           <IconCircleDashedPlus size={25} />
         </Button>

src/app/admin/(dashboard)/_state/desa/potensi.ts

@@ -6,7 +6,7 @@ import { z } from "zod";
 
 const templateForm = z.object({
     name: z.string().min(1).max(50),
-    deskripsi: z.string().min(1).max(50),
+    deskripsi: z.string().min(1).max(5000),
     kategori: z.string().min(1).max(50),
     imageId: z.string().min(1).max(50),
     content: z.string().min(1).max(5000),

src/app/admin/(dashboard)/_state/desa/profile.ts

@@ -38,13 +38,13 @@ const sejarahDesa = proxy({
       this.error = null;
 
       try {
-        const response = await fetch(`/api/desa/profile/sejarah-desa/${id}`);
-        
+        const response = await fetch(`/api/desa/profile/sejarah/${id}`);
+
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         const result = await response.json();
-        
+
         if (result.success) {
           this.data = result.data;
           return result.data;
@@ -91,64 +91,69 @@ const sejarahDesa = proxy({
     },
 
     async submit() {
-          // Validate form
-          const validation = sejarahDesaForm.safeParse(this.form);
-          
-          if (!validation.success) {
-            const errors = validation.error.issues
-              .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
-              .join(", ");
-            toast.error(`Form tidak valid: ${errors}`);
-            return false;
+      // Validate form
+      const validation = sejarahDesaForm.safeParse(this.form);
+
+      if (!validation.success) {
+        const errors = validation.error.issues
+          .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+          .join(", ");
+        toast.error(`Form tidak valid: ${errors}`);
+        return false;
+      }
+
+      this.loading = true;
+      this.error = null;
+
+      try {
+        const response = await fetch(
+          `/api/desa/profile/sejarah/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify(this.form),
           }
-    
-          this.loading = true;
-          this.error = null;
-    
-          try {
-            const response = await fetch(`/api/desa/profile/sejarah-desa/${this.id}`, {
-              method: "PUT",
-              headers: {
-                "Content-Type": "application/json",
-              },
-              body: JSON.stringify(this.form),
-            });
-    
-            if (!response.ok) {
-              const errorData = await response.json().catch(() => ({}));
-              throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-            }
-    
-            const result = await response.json();
-    
-            if (result.success) {
-              toast.success("Berhasil update profile");
-              // Refresh profile data
-              await sejarahDesa.findUnique.load(this.id);
-              return true;
-            } else {
-              throw new Error(result.message || "Gagal update profile");
-            }
-          } catch (error) {
-            const errorMessage = (error as Error).message;
-            this.error = errorMessage;
-            console.error("Update profile error:", errorMessage);
-            toast.error("Terjadi kesalahan saat update profile");
-            return false;
-          } finally {
-            this.loading = false;
-          }
-        },
-    
-        // Reset form
-        reset() {
-          this.id = "";
-          this.form = { ...sejarahDesaDefaultForm };
-          this.error = null;
-          this.loading = false;
-          this.isReadOnly = false;
+        );
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
         }
-  }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update profile");
+          // Refresh profile data
+          await sejarahDesa.findUnique.load(this.id);
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update profile");
+        }
+      } catch (error) {
+        const errorMessage = (error as Error).message;
+        this.error = errorMessage;
+        console.error("Update profile error:", errorMessage);
+        toast.error("Terjadi kesalahan saat update profile");
+        return false;
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    // Reset form
+    reset() {
+      this.id = "";
+      this.form = { ...sejarahDesaDefaultForm };
+      this.error = null;
+      this.loading = false;
+      this.isReadOnly = false;
+    },
+  },
 });
 
 // ========================================= VISI MISI DESA ========================================= //
@@ -187,12 +192,12 @@ const visiMisiDesa = proxy({
 
       try {
         const response = await fetch(`/api/desa/profile/visi-misi/${id}`);
-        
+
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         const result = await response.json();
-        
+
         if (result.success) {
           this.data = result.data;
           return result.data;
@@ -239,64 +244,66 @@ const visiMisiDesa = proxy({
     },
 
     async submit() {
-          // Validate form
-          const validation = visiMisiDesaForm.safeParse(this.form);
-          
-          if (!validation.success) {
-            const errors = validation.error.issues
-              .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
-              .join(", ");
-            toast.error(`Form tidak valid: ${errors}`);
-            return false;
-          }
-    
-          this.loading = true;
-          this.error = null;
-    
-          try {
-            const response = await fetch(`/api/desa/profile/visi-misi/${this.id}`, {
-              method: "PUT",
-              headers: {
-                "Content-Type": "application/json",
-              },
-              body: JSON.stringify(this.form),
-            });
-    
-            if (!response.ok) {
-              const errorData = await response.json().catch(() => ({}));
-              throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-            }
-    
-            const result = await response.json();
-    
-            if (result.success) {
-              toast.success("Berhasil update visi misi desa");
-              // Refresh profile data
-              await visiMisiDesa.findUnique.load(this.id);
-              return true;
-            } else {
-              throw new Error(result.message || "Gagal update visi misi desa");
-            }
-          } catch (error) {
-            const errorMessage = (error as Error).message;
-            this.error = errorMessage;
-            console.error("Update visi misi desa error:", errorMessage);
-            toast.error("Terjadi kesalahan saat update visi misi desa");
-            return false;
-          } finally {
-            this.loading = false;
-          }
-        },
-    
-        // Reset form
-        reset() {
-          this.id = "";
-          this.form = { ...visiMisiDesaDefaultForm };
-          this.error = null;
-          this.loading = false;
-          this.isReadOnly = false;
+      // Validate form
+      const validation = visiMisiDesaForm.safeParse(this.form);
+
+      if (!validation.success) {
+        const errors = validation.error.issues
+          .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+          .join(", ");
+        toast.error(`Form tidak valid: ${errors}`);
+        return false;
+      }
+
+      this.loading = true;
+      this.error = null;
+
+      try {
+        const response = await fetch(`/api/desa/profile/visi-misi/${this.id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(this.form),
+        });
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
         }
-  }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update visi misi desa");
+          // Refresh profile data
+          await visiMisiDesa.findUnique.load(this.id);
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update visi misi desa");
+        }
+      } catch (error) {
+        const errorMessage = (error as Error).message;
+        this.error = errorMessage;
+        console.error("Update visi misi desa error:", errorMessage);
+        toast.error("Terjadi kesalahan saat update visi misi desa");
+        return false;
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    // Reset form
+    reset() {
+      this.id = "";
+      this.form = { ...visiMisiDesaDefaultForm };
+      this.error = null;
+      this.loading = false;
+      this.isReadOnly = false;
+    },
+  },
 });
 
 // ========================================= LAMBANG DESA ========================================= //
@@ -334,13 +341,13 @@ const lambangDesa = proxy({
       this.error = null;
 
       try {
-        const response = await fetch(`/api/desa/profile/lambang-desa/${id}`);
-        
+        const response = await fetch(`/api/desa/profile/lambang/${id}`);
+
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
         }
         const result = await response.json();
-        
+
         if (result.success) {
           this.data = result.data;
           return result.data;
@@ -387,64 +394,69 @@ const lambangDesa = proxy({
     },
 
     async submit() {
-          // Validate form
-          const validation = lambangDesaForm.safeParse(this.form);
-          
-          if (!validation.success) {
-            const errors = validation.error.issues
-              .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
-              .join(", ");
-            toast.error(`Form tidak valid: ${errors}`);
-            return false;
+      // Validate form
+      const validation = lambangDesaForm.safeParse(this.form);
+
+      if (!validation.success) {
+        const errors = validation.error.issues
+          .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+          .join(", ");
+        toast.error(`Form tidak valid: ${errors}`);
+        return false;
+      }
+
+      this.loading = true;
+      this.error = null;
+
+      try {
+        const response = await fetch(
+          `/api/desa/profile/lambang/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify(this.form),
           }
-    
-          this.loading = true;
-          this.error = null;
-    
-          try {
-            const response = await fetch(`/api/desa/profile/lambang-desa/${this.id}`, {
-              method: "PUT",
-              headers: {
-                "Content-Type": "application/json",
-              },
-              body: JSON.stringify(this.form),
-            });
-    
-            if (!response.ok) {
-              const errorData = await response.json().catch(() => ({}));
-              throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
-            }
-    
-            const result = await response.json();
-    
-            if (result.success) {
-              toast.success("Berhasil update lambang desa");
-              // Refresh profile data
-              await lambangDesa.findUnique.load(this.id);
-              return true;
-            } else {
-              throw new Error(result.message || "Gagal update lambang desa");
-            }
-          } catch (error) {
-            const errorMessage = (error as Error).message;
-            this.error = errorMessage;
-            console.error("Update lambang desa error:", errorMessage);
-            toast.error("Terjadi kesalahan saat update lambang desa");
-            return false;
-          } finally {
-            this.loading = false;
-          }
-        },
-    
-        // Reset form
-        reset() {
-          this.id = "";
-          this.form = { ...lambangDesaDefaultForm };
-          this.error = null;
-          this.loading = false;
-          this.isReadOnly = false;
+        );
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
         }
-  }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update lambang desa");
+          // Refresh profile data
+          await lambangDesa.findUnique.load(this.id);
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update lambang desa");
+        }
+      } catch (error) {
+        const errorMessage = (error as Error).message;
+        this.error = errorMessage;
+        console.error("Update lambang desa error:", errorMessage);
+        toast.error("Terjadi kesalahan saat update lambang desa");
+        return false;
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    // Reset form
+    reset() {
+      this.id = "";
+      this.form = { ...lambangDesaDefaultForm };
+      this.error = null;
+      this.loading = false;
+      this.isReadOnly = false;
+    },
+  },
 });
 
 // ========================================= MASKOT DESA ========================================= //
@@ -502,7 +514,7 @@ const maskotDesa = proxy({
       this.error = null;
 
       try {
-        const response = await fetch(`/api/desa/profile/maskot-desa/${id}`);
+        const response = await fetch(`/api/desa/profile/maskot/${id}`);
         const result = await response.json();
 
         if (response.ok && result.success) {
@@ -577,7 +589,7 @@ const maskotDesa = proxy({
 
       try {
         const response = await fetch(
-          `/api/desa/profile/maskot-desa/${this.id}`,
+          `/api/desa/profile/maskot/${this.id}`,
           {
             method: "PUT",
             headers: { "Content-Type": "application/json" },
@@ -678,7 +690,7 @@ const profilPerbekel = proxy({
       this.error = null;
 
       try {
-        const response = await fetch(`/api/desa/profile/profil-perbekel/${id}`);
+        const response = await fetch(`/api/desa/profile/profileperbekel/${id}`);
 
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
@@ -750,7 +762,7 @@ const profilPerbekel = proxy({
 
       try {
         const response = await fetch(
-          `/api/desa/profile/profil-perbekel/${this.id}`,
+          `/api/desa/profile/profileperbekel/${this.id}`,
           {
             method: "PUT",
             headers: { "Content-Type": "application/json" },
@@ -806,11 +818,12 @@ const profilPerbekel = proxy({
   },
 });
 
-const stateProfileDesa = {
+const stateProfileDesa = proxy({
+  lambangDesa,
   maskotDesa,
   profilPerbekel,
   visiMisiDesa,
   sejarahDesa,
-};
+});
 
 export default stateProfileDesa;

src/app/admin/(dashboard)/_state/ekonomi/demografi-pekerjaan.ts

@@ -0,0 +1,197 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateDemografiPekerjaan = z.object({
+  pekerjaan: z.string().min(1, "Pekerjaan harus diisi"),
+  lakiLaki: z.number().min(1, "Laki - Laki harus diisi"),
+  perempuan: z.number().min(1, "Perempuan harus diisi"),
+});
+
+type DemografiPekerjaan = Prisma.DataDemografiPekerjaanGetPayload<{
+  select: {
+    pekerjaan: true;
+    lakiLaki: true;
+    perempuan: true;
+  };
+}>;
+
+const defaultForm: DemografiPekerjaan = {
+  pekerjaan: "",
+  lakiLaki: 0,
+  perempuan: 0,
+};
+
+const demografiPekerjaan = proxy({
+  create: {
+    form: defaultForm,
+    loading: false,
+    async create() {
+      const cek = templateDemografiPekerjaan.safeParse(
+        demografiPekerjaan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+      try {
+        demografiPekerjaan.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.demografipekerjaan[
+          "create"
+        ].post(demografiPekerjaan.create.form);
+
+        if (res.status === 200) {
+          const id = res.data?.data?.id;
+          if (id) {
+            toast.success("Success create");
+            demografiPekerjaan.create.form = { ...defaultForm };
+            demografiPekerjaan.findMany.load();
+            return id;
+          }
+        }
+        toast.error("failed create");
+        return null;
+      } catch (error) {
+        console.log((error as Error).message);
+        return null;
+      } finally {
+        demografiPekerjaan.create.loading = false;
+      }
+    },
+  },
+
+  findMany: {
+    data: null as
+      | Prisma.DataDemografiPekerjaanGetPayload<{
+          omit: { isActive: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.demografipekerjaan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        demografiPekerjaan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+
+  findUnique: {
+    data: null as Prisma.DataDemografiPekerjaanGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/demografipekerjaan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          demografiPekerjaan.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch demografiPekerjaan:", res.statusText);
+          demografiPekerjaan.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching demografiPekerjaan:", error);
+        demografiPekerjaan.findUnique.data = null;
+      }
+    },
+  },
+
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async submit() {
+      const id = this.id;
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      const formData = {
+        pekerjaan: this.form.pekerjaan,
+        lakiLaki: this.form.lakiLaki,
+        perempuan: this.form.perempuan,
+      };
+
+      const cek = templateDemografiPekerjaan.safeParse(formData);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+
+      try {
+        this.loading = true;
+        const res = await fetch(`/api/ekonomi/demografipekerjaan/${id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(formData),
+        });
+
+        const result = await res.json();
+
+        if (!res.ok || !result?.success) {
+          throw new Error(result?.message || "Gagal update data");
+        }
+
+        toast.success("Berhasil update data!");
+        await demografiPekerjaan.findMany.load();
+        return result.data;
+      } catch (error) {
+        console.error("Update error:", error);
+        toast.error("Gagal update data demografi pekerjaan");
+        throw error;
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        demografiPekerjaan.delete.loading = true;
+
+        const response = await fetch(
+          `/api/ekonomi/demografipekerjaan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Demografi pekerjaan berhasil dihapus"
+          );
+          await demografiPekerjaan.findMany.load();
+        } else {
+          toast.error(result?.message || "Gagal menghapus demografi pekerjaan");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus persentase kelahiran");
+      } finally {
+        demografiPekerjaan.delete.loading = false;
+      }
+    },
+  },
+});
+export default demografiPekerjaan

src/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin.ts

@@ -0,0 +1,180 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateJumlahPendudukMiskin = z.object({
+    year: z.number().min(1, "Data tahun harus diisi"),
+    totalPoorPopulation: z.number().min(1, "Data total penduduk miskin harus diisi"),
+});
+
+type JumlahPendudukMiskin = Prisma.GrafikJumlahPendudukMiskinGetPayload<{
+    select: {
+        id: true;
+        year: true;
+        totalPoorPopulation: true;
+    };
+}>;
+
+const defaultForm: Omit<JumlahPendudukMiskin, 'id'> & { id?: string } = {
+    year: 0,
+    totalPoorPopulation: 0,
+};
+
+const jumlahPendudukMiskin = proxy({
+    create: {
+        form: defaultForm,
+        loading: false,
+        async create() {
+          const cek = templateJumlahPendudukMiskin.safeParse(
+            jumlahPendudukMiskin.create.form
+          );
+          if (!cek.success) {
+            const err = `[${cek.error.issues
+              .map((v) => `${v.path.join(".")}`)
+              .join("\n")}] required`;
+            return toast.error(err);
+          }
+          try {
+            jumlahPendudukMiskin.create.loading = true;
+            const res = await ApiFetch.api.ekonomi.jumlahpendudukmiskin[
+              "create"
+            ].post(jumlahPendudukMiskin.create.form);
+            if (res.status === 200) {
+              const id = res.data?.data?.id;
+              if (id) {
+                toast.success("Success create");
+                jumlahPendudukMiskin.create.form = {
+                  year: 0,
+                  totalPoorPopulation: 0,
+                };
+                jumlahPendudukMiskin.findMany.load();
+                return id;
+              }
+            }
+            return toast.error("failed create");
+          } catch (error) {
+            console.log((error as Error).message);
+          } finally {
+            jumlahPendudukMiskin.create.loading = false;
+          }
+        },
+      },
+      findMany: {
+        data: null as
+          | Prisma.GrafikJumlahPendudukMiskinGetPayload<{
+              select: { id: true; year: true; totalPoorPopulation: true; };
+            }>[]
+          | null,
+        loading: false,
+        async load() {
+          const res = await ApiFetch.api.ekonomi.jumlahpendudukmiskin[
+            "find-many"
+          ].get();
+          if (res.status === 200) {
+            jumlahPendudukMiskin.findMany.data = res.data?.data ?? [];
+          }
+        },
+      },
+      findUnique: {
+        data: null as Prisma.GrafikJumlahPendudukMiskinGetPayload<{
+          select: { id: true; year: true; totalPoorPopulation: true; };
+        }> | null,
+        async load(id: string) {
+          try {
+            const res = await fetch(
+              `/api/ekonomi/jumlahpendudukmiskin/${id}`
+            );
+            if (res.ok) {
+              const data = await res.json();
+              jumlahPendudukMiskin.findUnique.data = data.data ?? null;
+            } else {
+              console.error("Failed to fetch data", res.status, res.statusText);
+              jumlahPendudukMiskin.findUnique.data = null;
+            }
+          } catch (error) {
+            console.error("Error loading grafik jumlah penduduk miskin:", error);
+            jumlahPendudukMiskin.findUnique.data = null;
+          }
+        },
+      },
+      update: {
+        id: "",
+        form: {...defaultForm},
+        loading: false,
+        async byId() {
+          // Method implementation if needed
+        },
+        async submit() {
+          const id = this.id;
+          if (!id) {
+            toast.warn("ID tidak valid");
+            return null;
+          }
+          const cek = templateJumlahPendudukMiskin.safeParse(this.form);
+          if (!cek.success) {
+            const err = `[${cek.error.issues.map((v) => (v.path as string[]).join(".")).join("\n")}] required`;
+            toast.error(err);
+            return null;
+          }
+          this.loading = true;
+          try {
+            const response = await fetch(
+              `/api/ekonomi/jumlahpendudukmiskin/${id}`, {
+              method: "PUT",
+              headers: {
+                "Content-Type": "application/json",
+              },
+              body: JSON.stringify(this.form),
+            });
+            const result = await response.json();
+            if (!response.ok || !result?.success) {
+              throw new Error(result?.message || "Gagal update data");
+            }
+            toast.success("Berhasil update data!");
+            await jumlahPendudukMiskin.findMany.load();
+            return result.data;
+          } catch (error) {
+            console.error("Error update data grafik jumlah penduduk miskin:", error);
+            toast.error("Gagal update data grafik jumlah penduduk miskin");
+          } finally {
+            this.loading = false;
+          }
+        },
+      },
+      delete: {
+        loading: false,
+        async byId(id: string) {
+          if (!id) return toast.warn("ID tidak valid");
+    
+          try {
+            jumlahPendudukMiskin.delete.loading = true;
+    
+            const response = await fetch(`/api/ekonomi/jumlahpendudukmiskin/del/${id}`, {
+              method: "DELETE",
+              headers: {
+                "Content-Type": "application/json",
+              },
+            });
+    
+            const result = await response.json();
+    
+            if (response.ok && result?.success) {
+              toast.success(result.message || "Grafik jumlah penduduk miskin berhasil dihapus");
+              await jumlahPendudukMiskin.findMany.load(); // refresh list
+            } else {
+              toast.error(result?.message || "Gagal menghapus grafik jumlah penduduk miskin");
+            }
+          } catch (error) {
+            console.error("Gagal delete grafik jumlah penduduk miskin:", error);
+            toast.error("Terjadi kesalahan saat menghapus grafik jumlah penduduk miskin");
+          } finally {
+            jumlahPendudukMiskin.delete.loading = false;
+          }
+        },
+      }
+})
+export default jumlahPendudukMiskin
+    
+    

src/app/admin/(dashboard)/_state/ekonomi/lowongan-kerja.ts

@@ -0,0 +1,225 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  posisi: z.string(),
+  namaPerusahaan: z.string(),
+  lokasi: z.string(),
+  tipePekerjaan: z.string(),
+  gaji: z.string(),
+  deskripsi: z.string(),
+  kualifikasi: z.string(),
+});
+
+const defaultForm = {
+  posisi: "",
+  namaPerusahaan: "",
+  lokasi: "",
+  tipePekerjaan: "",
+  gaji: "",
+  deskripsi: "",
+  kualifikasi: "",
+};
+
+const lowonganKerjaState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(lowonganKerjaState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        lowonganKerjaState.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.lowongankerja["create"].post(
+          lowonganKerjaState.create.form
+        );
+        if (res.status === 200) {
+          lowonganKerjaState.create.loading = false;
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        lowonganKerjaState.create.loading = false;
+      }
+    },
+    resetForm() {
+      lowonganKerjaState.create.form = { ...defaultForm };
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.LowonganPekerjaanGetPayload<{
+          omit: { isActive: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.lowongankerja["find-many"].get();
+      if (res.status === 200) {
+        lowonganKerjaState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.LowonganPekerjaanGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/lowongankerja/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          lowonganKerjaState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          lowonganKerjaState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        lowonganKerjaState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        lowonganKerjaState.delete.loading = true;
+        const response = await fetch(`/api/ekonomi/lowongankerja/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Lowongan kerja berhasil dihapus");
+          await lowonganKerjaState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus lowongan kerja");
+        }
+      } catch (error) {
+        console.error("Error deleting data:", error);
+        toast.error("Terjadi kesalahan saat menghapus lowongan kerja");
+      } finally {
+        lowonganKerjaState.delete.loading = false;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+      try {
+        const response = await fetch(`/api/ekonomi/lowongankerja/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            posisi: data.posisi,
+            namaPerusahaan: data.namaPerusahaan,
+            lokasi: data.lokasi,
+            tipePekerjaan: data.tipePekerjaan,
+            gaji: data.gaji,
+            deskripsi: data.deskripsi,
+            kualifikasi: data.kualifikasi,
+          };
+          return data;
+        } else {
+          throw new Error(
+            result?.message || "Gagal memuat data lowongan kerja"
+          );
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+    async update() {
+      const cek = templateForm.safeParse(lowonganKerjaState.update.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        lowonganKerjaState.update.loading = true;
+        const response = await fetch(`/api/ekonomi/lowongankerja/${this.id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            posisi: this.form.posisi,
+            namaPerusahaan: this.form.namaPerusahaan,
+            lokasi: this.form.lokasi,
+            tipePekerjaan: this.form.tipePekerjaan,
+            gaji: this.form.gaji,
+            deskripsi: this.form.deskripsi,
+            kualifikasi: this.form.kualifikasi,
+          }),
+        });
+        if (!response.ok) {
+            const errorData = await response.json().catch(() => ({}));
+            throw new Error(
+                errorData.message || `HTTP error! status: ${response.status}`
+            );
+        }
+        const result = await response.json();
+        if (result.success) {
+            toast.success("Berhasil update lowongan kerja");
+            await lowonganKerjaState.findMany.load(); // refresh list
+            return true;
+        } else {
+            throw new Error(result.message || "Gagal update lowongan kerja");
+        }
+      } catch (error) {
+        console.error("Error updating data:", error);
+        toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat mengupdate lowongan kerja");
+        return false;
+      } finally {
+        lowonganKerjaState.update.loading = false;
+      }
+    },
+    reset() {
+      lowonganKerjaState.update.id = "";
+      lowonganKerjaState.update.form = { ...defaultForm };
+    },
+  },
+});
+
+export default lowonganKerjaState;

src/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pasar-desa.ts

@@ -0,0 +1,459 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templatePasarDesaForm = z.object({
+  nama: z.string().min(1, "Nama minimal 1 karakter"),
+  harga: z.number().min(1, "Harga minimal 1"),
+  alamatUsaha: z.string().min(1, "Alamat minimal 1 karakter"),
+  imageId: z.string().min(1, "Gambar wajib dipilih"),
+  rating: z.number().min(1, "Rating minimal 1"),
+  kategoriId: z.array(z.string()).min(1, "Minimal pilih satu kategori"),
+});
+
+const defaultPasarDesaForm = {
+  nama: "",
+  harga: 0,
+  alamatUsaha: "",
+  imageId: "",
+  rating: 0,
+  kategoriId: [] as string[],
+};
+
+const pasarDesa = proxy({
+  create: {
+    form: { ...defaultPasarDesaForm },
+    loading: false,
+    async create() {
+      const cek = templatePasarDesaForm.safeParse(pasarDesa.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        pasarDesa.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.pasardesa["create"].post(
+          pasarDesa.create.form
+        );
+        if (res.status === 200) {
+          pasarDesa.findMany.load();
+          return toast.success("Data berhasil ditambahkan");
+        }
+        return toast.error("Gagal menambahkan data");
+      } catch (error) {
+        console.log(error);
+        toast.error("Gagal menambahkan data");
+      } finally {
+        pasarDesa.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as Array<
+      Prisma.PasarDesaGetPayload<{
+        include: {
+          image: true;
+          KategoriToPasar: {
+            include: {
+              kategori: true;
+            };
+          };
+        };
+      }>
+    > | null,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.pasardesa["find-many"].get();
+      if (res.status === 200) {
+        pasarDesa.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.PasarDesaGetPayload<{
+      include: {
+        image: true;
+        KategoriToPasar: {
+          include: {
+            kategori: true;
+          };
+        };
+      };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/pasardesa/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          pasarDesa.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          pasarDesa.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        pasarDesa.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        pasarDesa.delete.loading = true;
+
+        const response = await fetch(`/api/ekonomi/pasardesa/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Pasar desa berhasil dihapus");
+          await pasarDesa.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus pasar desa");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus pasar desa");
+      } finally {
+        pasarDesa.delete.loading = false;
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultPasarDesaForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/ekonomi/pasardesa/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+            harga: data.harga,
+            alamatUsaha: data.alamatUsaha,
+            imageId: data.imageId,
+            rating: data.rating,
+            kategoriId: data.kategoriId,
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading pasar desa:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templatePasarDesaForm.safeParse(pasarDesa.edit.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        pasarDesa.edit.loading = true;
+        const response = await fetch(`/api/ekonomi/pasardesa/${this.id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify({
+            nama: this.form.nama,
+            harga: this.form.harga,
+            alamatUsaha: this.form.alamatUsaha,
+            imageId: this.form.imageId,
+            rating: this.form.rating,
+            kategoriId: this.form.kategoriId,
+          }),
+        });
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+        const result = await response.json();
+        if (result.success) {
+          toast.success("Berhasil update pasar desa");
+          await pasarDesa.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal mengupdate pasar desa");
+        }
+      } catch (error) {
+        console.error("Error updating pasar desa:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal mengupdate pasar desa"
+        );
+        return false;
+      } finally {
+        pasarDesa.edit.loading = false;
+      }
+    },
+    reset() {
+      pasarDesa.edit.id = "";
+      pasarDesa.edit.form = { ...defaultPasarDesaForm };
+    },
+  },
+});
+
+// ========================================= KATEGORI PRODUK ========================================= //
+const kategoriProdukForm = z.object({
+  nama: z.string().min(1, "Nama minimal 1 karakter"),
+});
+
+const kategoriProdukDefaultForm = {
+  nama: "",
+};
+
+const kategoriProduk = proxy({
+  create: {
+    form: { ...kategoriProdukDefaultForm },
+    loading: false,
+    async create() {
+      const cek = kategoriProdukForm.safeParse(kategoriProduk.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        kategoriProduk.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.kategoriproduk["create"].post(
+          kategoriProduk.create.form
+        );
+        if (res.status === 200) {
+          kategoriProduk.findMany.load();
+          return toast.success("Data berhasil ditambahkan");
+        }
+        return toast.error("Gagal menambahkan data");
+      } catch (error) {
+        console.log(error);
+        toast.error("Gagal menambahkan data");
+      } finally {
+        kategoriProduk.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as Array<{
+      id: string;
+      nama: string;
+    }>
+      | null,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.kategoriproduk["find-many"].get();
+      if (res.status === 200) {
+        kategoriProduk.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.KategoriProdukGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/kategoriproduk/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          kategoriProduk.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          kategoriProduk.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        kategoriProduk.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        kategoriProduk.delete.loading = true;
+
+        const response = await fetch(`/api/ekonomi/kategoriproduk/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Kategori produk berhasil dihapus");
+          await kategoriProduk.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus kategori produk");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus kategori produk");
+      } finally {
+        kategoriProduk.delete.loading = false;
+      }
+    },
+  },
+   edit: {
+      id: "",
+      form: { ...kategoriProdukDefaultForm },
+      loading: false,
+  
+      async load(id: string) {
+        if (!id) {
+          toast.warn("ID tidak valid");
+          return null;
+        }
+  
+        try {
+          const response = await fetch(`/api/ekonomi/kategoriproduk/${id}`, {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          });
+          if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+          }
+          const result = await response.json();
+          if (result?.success) {
+            const data = result.data;
+            this.id = data.id;
+            this.form = {
+              nama: data.nama,
+            };
+            return data;
+          } else {
+            throw new Error(result?.message || "Gagal memuat data");
+          }
+        } catch (error) {
+          console.error("Error loading kategori produk:", error);
+          toast.error(
+            error instanceof Error ? error.message : "Gagal memuat data"
+          );
+          return null;
+        }
+      },
+  
+      async update() {
+        const cek = kategoriProdukForm.safeParse(kategoriProduk.edit.form);
+        if (!cek.success) {
+          const err = `[${cek.error.issues
+            .map((v) => `${v.path.join(".")}`)
+            .join("\n")}] required`;
+          toast.error(err);
+          return false;
+        }
+
+        try {
+          kategoriProduk.edit.loading = true;
+          const response = await fetch(
+            `/api/ekonomi/kategoriproduk/${kategoriProduk.edit.id}`,
+            {
+              method: "PUT",
+              headers: {
+                "Content-Type": "application/json",
+              },
+              body: JSON.stringify({
+                nama: kategoriProduk.edit.form.nama,
+              }),
+            }
+          );
+          
+          // Clone the response to avoid 'body already read' error
+          const responseClone = response.clone();
+          
+          try {
+            const result = await response.json();
+            
+            if (!response.ok) {
+              console.error('Update failed with status:', response.status, 'Response:', result);
+              throw new Error(
+                result?.message || `Gagal mengupdate kategori produk (${response.status})`
+              );
+            }
+            
+            if (result.success) {
+              toast.success(result.message || "Berhasil memperbarui kategori produk");
+              await kategoriProduk.findMany.load(); // refresh list
+              return true;
+            } else {
+              throw new Error(result.message || "Gagal mengupdate kategori produk");
+            }
+          } catch (error) {
+            // If JSON parsing fails, try to get the response text for better error messages
+            try {
+              const text = await responseClone.text();
+              console.error('Error response text:', text);
+              throw new Error(`Gagal memproses respons dari server: ${text}`);
+            } catch (textError) {
+              console.error('Error parsing response as text:', textError);
+              console.error('Original error:', error);
+              throw new Error('Gagal memproses respons dari server');
+            }
+          }
+        } catch (error) {
+          console.error("Error updating kategori produk:", error);
+          toast.error(
+            error instanceof Error
+              ? error.message
+              : "Gagal mengupdate kategori produk"
+          );
+          return false;
+        } finally {
+          kategoriProduk.edit.loading = false;
+        }
+      },
+      reset() {
+        kategoriProduk.edit.id = "";
+        kategoriProduk.edit.form = { ...kategoriProdukDefaultForm };
+      },
+    },
+});
+
+const pasarDesaState = proxy({
+  pasarDesa,
+  kategoriProduk
+});
+export default pasarDesaState;

src/app/admin/(dashboard)/_state/ekonomi/program-kemiskinan.ts

@@ -0,0 +1,249 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  nama: z.string().min(1, "Nama minimal 1 karakter"),
+  deskripsi: z.string().min(1, "Deskripsi minimal 1 karakter"),
+  ikonUrl: z.string().optional(),
+  statistik: z.object({
+    tahun: z.string().min(1, "Tahun minimal 1 karakter"),
+    jumlah: z.string().min(1, "Jumlah minimal 1 karakter"),
+  })
+    
+});
+
+const defaultForm = {
+  nama: "",
+  deskripsi: "",
+  ikonUrl: "",
+  statistik: {
+    tahun: "",
+    jumlah: ""
+  }
+};
+
+const programKemiskinanState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(programKemiskinanState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        programKemiskinanState.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.programkemiskinan["create"].post(
+          programKemiskinanState.create.form
+        );
+        if (res.status === 200) {
+          programKemiskinanState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log(error);
+        return toast.error("failed create");
+      } finally {
+        programKemiskinanState.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: [] as Prisma.ProgramKemiskinanGetPayload<{
+      include: {
+        statistik: true;
+      };
+    }>[],
+    loading: false,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.programkemiskinan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        programKemiskinanState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.ProgramKemiskinanGetPayload<{
+      include: {
+        statistik: true;
+      };
+    }> | null,
+    loading: false,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/programkemiskinan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          programKemiskinanState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          programKemiskinanState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        programKemiskinanState.findUnique.data = null;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/ekonomi/programkemiskinan/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const result = await response.json();
+
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+            deskripsi: data.deskripsi,
+            ikonUrl: data.ikonUrl || "",
+            statistik: {
+              tahun: data.statistik.tahun,
+              jumlah: data.statistik.jumlah,
+            },
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading program kemiskinan:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+    async update() {
+      const cek = templateForm.safeParse(programKemiskinanState.update.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return false;
+      }
+
+      try {
+        programKemiskinanState.update.loading = true;
+
+        const response = await fetch(
+          `/api/ekonomi/programkemiskinan/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              nama: this.form.nama,
+              deskripsi: this.form.deskripsi,
+              ikonUrl: this.form.ikonUrl,
+              statistik: {
+                tahun: this.form.statistik.tahun,
+                jumlah: this.form.statistik.jumlah,
+              },
+            }),
+          }
+        );
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update program kemiskinan");
+          await programKemiskinanState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update program kemiskinan");
+        }
+      } catch (error) {
+        console.error("Error updating program kemiskinan:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Terjadi kesalahan saat update program kemiskinan"
+        );
+        return false;
+      } finally {
+        programKemiskinanState.update.loading = false;
+      }
+    },
+    reset() {
+      programKemiskinanState.update.id = "";
+      programKemiskinanState.update.form = { ...defaultForm };
+    },
+  },
+  delete: {
+    loading: false,
+    async delete(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        programKemiskinanState.delete.loading = true;
+
+        const response = await fetch(
+          `/api/ekonomi/programkemiskinan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Program kemiskinan berhasil dihapus"
+          );
+          await programKemiskinanState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus program kemiskinan");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus program kemiskinan");
+      } finally {
+        programKemiskinanState.delete.loading = false;
+      }
+    },
+  },
+});
+
+export default programKemiskinanState;

src/app/admin/(dashboard)/_state/ekonomi/sektor-unggulan-desa.ts

@@ -0,0 +1,202 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateGrafikSektorUnggulan = z.object({
+  name: z.string().min(2, "Nama harus diisi"),
+  description: z.string().min(2, "Deskripsi harus diisi"),
+  value: z.number().min(1, "Nilai harus diisi"),
+});
+
+interface SektorUnggulanForm {
+  id?: string;
+  name: string;
+  description: string;
+  value: number;
+}
+
+const defaultForm: SektorUnggulanForm = {
+  name: "",
+  description: "",
+  value: 0,
+};
+
+const grafikSektorUnggulan = proxy({
+  create: {
+    form: defaultForm,
+    loading: false,
+    async create() {
+      const cek = templateGrafikSektorUnggulan.safeParse(
+        grafikSektorUnggulan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        grafikSektorUnggulan.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.sektourunggulandesa[
+          "create"
+        ].post(grafikSektorUnggulan.create.form);
+        if (res.status === 200) {
+          const id = res.data?.data?.id;
+          if (id) {
+            toast.success("Success create");
+            grafikSektorUnggulan.create.form = {
+              name: "",
+              description: "",
+              value: 0,
+            };
+            grafikSektorUnggulan.findMany.load();
+            return id;
+          }
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        grafikSektorUnggulan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.SektorUnggulanDesaGetPayload<{
+          select: {
+            id: true;
+            name: true;
+            description: true;
+            value: true;
+            createdAt: true;
+            updatedAt: true;
+          };
+        }>[]
+      | null,
+    loading: false,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.sektourunggulandesa[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        grafikSektorUnggulan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.SektorUnggulanDesaGetPayload<{
+      select: {
+        id: true;
+        name: true;
+        description: true;
+        value: true;
+        createdAt: true;
+        updatedAt: true;
+      };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/sektourunggulandesa/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          grafikSektorUnggulan.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          grafikSektorUnggulan.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error loading grafik sektor unggulan desa:", error);
+        grafikSektorUnggulan.findUnique.data = null;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async byId() {
+      // Method implementation if needed
+    },
+    async submit() {
+      const id = this.id;
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+      const cek = templateGrafikSektorUnggulan.safeParse(this.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+      this.loading = true;
+      try {
+        const response = await fetch(`/api/ekonomi/sektourunggulandesa/${id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(this.form),
+        });
+        const result = await response.json();
+        if (!response.ok || !result?.success) {
+          throw new Error(result?.message || "Gagal update data");
+        }
+        toast.success("Berhasil update data!");
+        await grafikSektorUnggulan.findMany.load();
+        return result.data;
+      } catch (error) {
+        console.error("Error update data:", error);
+        toast.error("Gagal update data grafik sektor unggulan desa");
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        grafikSektorUnggulan.delete.loading = true;
+
+        const response = await fetch(
+          `/api/ekonomi/sektourunggulandesa/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Grafik sektor unggulan desa berhasil dihapus"
+          );
+          await grafikSektorUnggulan.findMany.load(); // refresh list
+        } else {
+          toast.error(
+            result?.message || "Gagal menghapus grafik sektor unggulan desa"
+          );
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error(
+          "Terjadi kesalahan saat menghapus grafik sektor unggulan desa"
+        );
+      } finally {
+        grafikSektorUnggulan.delete.loading = false;
+      }
+    },
+  },
+});
+export default grafikSektorUnggulan;

src/app/admin/(dashboard)/_state/ekonomi/struktur-organisasi/struktur-organisasi.ts

@@ -0,0 +1,720 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { proxy } from "valtio";
+import { z } from "zod";
+import { toast } from "react-toastify";
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+
+const templatePosisiOrganisasi = z.object({
+  nama: z.string().min(1, "Nama harus diisi"),
+  deskripsi: z.string().optional(),
+  hierarki: z.number().int().positive("Hierarki harus angka positif"),
+});
+
+const posisiOrganisasiDefaultForm = {
+  nama: "",
+  deskripsi: "",
+  hierarki: 0,
+};
+
+const posisiOrganisasi = proxy({
+  create: {
+    form: { ...posisiOrganisasiDefaultForm },
+    loading: false,
+    async submit() {
+      const cek = templatePosisiOrganisasi.safeParse(this.form);
+      if (!cek.success) {
+        const err = cek.error.issues.map((v) => v.message).join("\n");
+        return toast.error(err);
+      }
+
+      try {
+        this.loading = true;
+        const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["posisi-organisasi"]["create"].post(
+          this.form
+        );
+        if (res.status === 200) {
+          toast.success("Berhasil menambahkan posisi organisasi");
+          posisiOrganisasi.findMany.load();
+          this.reset();
+        } else {
+          toast.error(res.data?.message || "Gagal menambahkan posisi");
+        }
+      } catch (error) {
+        console.error("Create error:", error);
+        toast.error("Terjadi kesalahan saat menambahkan posisi");
+      } finally {
+        this.loading = false;
+      }
+    },
+    reset() {
+      this.form = { ...posisiOrganisasiDefaultForm };
+    },
+  },
+
+  edit: {
+    id: "",
+    form: { ...posisiOrganisasiDefaultForm },
+    loading: false,
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+      try {
+        const response = await fetch(`/api/ekonomi/struktur-organisasi/posisi-organisasi/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+            deskripsi: data.deskripsi,
+            hierarki: data.hierarki,
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading posisi organisasi:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+    async update() {
+      const cek = templatePosisiOrganisasi.safeParse(this.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        this.loading = true;
+        const response = await fetch(
+          `/api/ekonomi/struktur-organisasi/posisi-organisasi/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              nama: this.form.nama,
+              deskripsi: this.form.deskripsi,
+              hierarki: this.form.hierarki,
+            }),
+          }
+        );
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+        const result = await response.json();
+        if (result.success) {
+          toast.success("Berhasil update posisi organisasi");
+          await posisiOrganisasi.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(
+            result.message || "Gagal mengupdate posisi organisasi"
+          );
+        }
+      } catch (error) {
+        console.error("Error updating posisi organisasi:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Gagal mengupdate posisi organisasi"
+        );
+        return false;
+      } finally {
+        this.loading = false;
+      }
+    },
+    reset() {
+      this.id = "";
+      this.form = { ...posisiOrganisasiDefaultForm };
+    },
+  },
+
+  findMany: {
+    data: [] as Array<{
+      id: string;
+      nama: string;
+      deskripsi: string | null;
+      hierarki: number;
+    }>,
+    async load() {
+      try {
+        const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["posisi-organisasi"]["find-many"].get();
+        if (res.status === 200) {
+          // The API now returns the id field, so we can use it directly
+          this.data = res.data?.data ?? [];
+        }
+      } catch (error) {
+        console.error("Find many error:", error);
+        this.data = [];
+      }
+    },
+  },
+
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        posisiOrganisasi.delete.loading = true;
+
+        const response = await fetch(
+          `/api/ekonomi/struktur-organisasi/posisi-organisasi/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Posisi organisasi berhasil dihapus");
+          await posisiOrganisasi.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus posisi organisasi");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus posisi organisasi");
+      } finally {
+        posisiOrganisasi.delete.loading = false;
+      }
+    },
+  },
+});
+
+const templatePegawai = z.object({
+    namaLengkap: z.string().min(1, "Nama wajib diisi"),
+    gelarAkademik: z.string().optional(),
+    imageId: z.string().nullable().optional(),
+    tanggalMasuk: z.string().optional(), // ISO format
+    email: z.string().email("Email tidak valid").optional(),
+    telepon: z.string().optional(),
+    alamat: z.string().optional(),
+    posisiId: z.string().min(1, "Posisi wajib diisi"),
+    isActive: z.boolean().default(true),
+  });
+  
+  const pegawaiDefaultForm = {
+    namaLengkap: "",
+    gelarAkademik: "",
+    imageId: "",
+    tanggalMasuk: "",
+    email: "",
+    telepon: "",
+    alamat: "",
+    posisiId: "",
+    isActive: true,
+  };
+  
+  const pegawai = proxy({
+    create: {
+      form: { ...pegawaiDefaultForm },
+      loading: false,
+      async submit() {
+        const cek = templatePegawai.safeParse(pegawai.create.form);
+        if (!cek.success) {
+          const err = cek.error.issues.map(i => i.message).join("\n");
+          toast.error(err);
+          return;
+        }
+  
+        try {
+          pegawai.create.loading = true;
+          const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["pegawai"]["create"].post(
+            pegawai.create.form
+          );
+          if (res.status === 200) {
+            toast.success("Pegawai berhasil ditambahkan");
+            await pegawai.findMany.load();
+          } else {
+            toast.error(res.data?.message ?? "Gagal tambah pegawai");
+          }
+        } catch (error) {
+          console.error("Gagal create:", error);
+          toast.error("Terjadi kesalahan saat menambahkan pegawai");
+        } finally {
+          pegawai.create.loading = false;
+        }
+      },
+    },
+    findMany: {
+      data: null as (Prisma.PegawaiGetPayload<{ include: { posisi: true, image: true } }> & { isActive: boolean })[] | null,
+      async load() {
+        try {
+          const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["pegawai"]["find-many"].get();
+          if (res.status === 200) {
+            pegawai.findMany.data = (res.data?.data ?? []).map((item: any) => ({
+              ...item,
+              posisi: item.posisi || { id: '', nama: '' }, // Ensure posisi exists with required fields
+              isActive: item.isActive ?? true // Default to true if not provided
+            }));
+          } else {
+            console.error('Failed to load pegawai:', res.data?.message);
+          }
+        } catch (error) {
+          console.error('Error loading pegawai:', error);
+          pegawai.findMany.data = [];
+        }
+      },
+    },
+    findUnique: {
+      data: null as (Prisma.PegawaiGetPayload<{ include: { posisi: true, image: true } }> & { isActive: boolean }) | null,
+      async load(id: string) {
+        const res = await fetch(`/api/ekonomi/struktur-organisasi/pegawai/${id}`);
+        if (res.ok) {
+          const json = await res.json();
+          pegawai.findUnique.data = json.data ? {
+            ...json.data,
+            isActive: json.data.isActive ?? json.data.aktif ?? true // Fallback ke aktif:true jika tidak ada data
+          } : null;
+        } else {
+          pegawai.findUnique.data = null;
+        }
+      },
+    },
+  
+    delete: {
+      loading: false,
+      async byId(id: string) {
+        if (!id) return toast.warn("ID tidak valid");
+        try {
+          pegawai.delete.loading = true;
+          const res = await fetch(`/api/ekonomi/struktur-organisasi/pegawai/del/${id}`, {
+            method: "DELETE",
+          });
+          const json = await res.json();
+          if (res.ok) {
+            toast.success(json.message ?? "Berhasil hapus pegawai");
+            await pegawai.findMany.load();
+          } else {
+            toast.error(json.message ?? "Gagal hapus pegawai");
+          }
+        } catch (error) {
+          console.error("Gagal delete:", error);
+          toast.error("Terjadi kesalahan saat menghapus");
+        } finally {
+          pegawai.delete.loading = false;
+        }
+      },
+    },
+  
+     edit: {
+       id: "",
+       form: { ...pegawaiDefaultForm },
+       loading: false,
+   
+       async load(id: string) {
+         if (!id) {
+           toast.warn("ID tidak valid");
+           return null;
+         }
+         
+         try {
+           const response = await fetch(`/api/ekonomi/struktur-organisasi/pegawai/${id}`, {
+             method: 'GET',
+             headers: {
+               'Content-Type': 'application/json',
+             },
+           });
+           
+           if (!response.ok) {
+             throw new Error(`HTTP error! status: ${response.status}`);
+           }
+           
+           const result = await response.json();
+          
+           if (result?.success) {
+             const data = result.data;
+             this.id = data.id;
+             this.form = {
+               namaLengkap: data.namaLengkap,
+               gelarAkademik: data.gelarAkademik,
+               imageId: data.imageId,
+               tanggalMasuk: data.tanggalMasuk,
+               email: data.email,
+               telepon: data.telepon,
+               alamat: data.alamat,
+               posisiId: data.posisiId,
+               isActive: data.isActive,
+             };
+             return data; // Return the loaded data
+           } else {
+             throw new Error(result?.message || "Gagal memuat data");
+           }
+         } catch (error) {
+           console.error("Error loading berita:", error);
+           toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+           return null;
+         }
+       },
+   
+       async submit() {
+         const cek = templatePegawai.safeParse(pegawai.edit.form);
+         if (!cek.success) {
+           const err = `[${cek.error.issues
+             .map((v) => `${v.path.join(".")}`)
+             .join("\n")}] required`;
+           toast.error(err);
+           return false;
+         }
+       
+         try {
+           pegawai.edit.loading = true;
+           
+           // Format tanggalMasuk to ISO string if it exists
+           const formattedTanggalMasuk = this.form.tanggalMasuk 
+             ? new Date(this.form.tanggalMasuk).toISOString()
+             : undefined;
+             
+           const response = await fetch(`/api/ekonomi/struktur-organisasi/pegawai/${this.id}`, {
+             method: 'PUT',
+             headers: {
+               'Content-Type': 'application/json',
+             },
+             body: JSON.stringify({
+               id: this.id,
+               namaLengkap: this.form.namaLengkap,
+               gelarAkademik: this.form.gelarAkademik,
+               imageId: this.form.imageId || null,
+               tanggalMasuk: formattedTanggalMasuk,
+               email: this.form.email,
+               telepon: this.form.telepon,
+               alamat: this.form.alamat,
+               posisiId: this.form.posisiId,
+               isActive: this.form.isActive,
+             }),
+           });
+           
+           if (!response.ok) {
+             const errorData = await response.json().catch(() => ({}));
+             throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+           }
+           
+           const result = await response.json();
+       
+           if (result.success) {
+             toast.success("Berhasil update pegawai");
+             await pegawai.findMany.load(); // refresh list
+             return true;
+           } else {
+             throw new Error(result.message || "Gagal update pegawai");
+           }
+         } catch (error) {
+           console.error("Error updating pegawai:", error);
+           toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat update pegawai");
+           return false;
+         } finally {
+           pegawai.edit.loading = false;
+         }
+       },
+   
+       reset() {
+         pegawai.edit.id = "";
+         pegawai.edit.form = { ...pegawaiDefaultForm };
+       },
+     },
+  });
+
+
+// Schema Zod untuk form validasi
+const templateHubunganOrganisasiForm = z.object({
+  atasanId: z.string().min(1, "Atasan wajib dipilih"),
+  bawahanId: z.string().min(1, "Bawahan wajib dipilih"),
+  tipe: z.string().optional(),
+});
+
+// Default form state
+const defaultHubunganOrganisasiForm = {
+  atasanId: "",
+  bawahanId: "",
+  tipe: "",
+};
+
+// ====================== STATE ===========================
+const hubunganOrganisasi = proxy({
+  create: {
+    form: { ...defaultHubunganOrganisasiForm },
+    loading: false,
+    async create() {
+      const cek = templateHubunganOrganisasiForm.safeParse(
+        hubunganOrganisasi.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n")}]`;
+        return toast.error(err);
+      }
+
+      try {
+        hubunganOrganisasi.create.loading = true;
+        const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["hubungan-organisasi"]["create"].post(hubunganOrganisasi.create.form);
+
+        if (res.status === 200 && res.data?.success) {
+          hubunganOrganisasi.findMany.load();
+          return toast.success("Berhasil menambahkan hubungan organisasi");
+        } else {
+          return toast.error(res.data?.message || "Gagal menambahkan data");
+        }
+      } catch (error) { 
+        console.error("Gagal create:", error);
+        toast.error("Terjadi kesalahan saat menambahkan");
+      } finally {
+        hubunganOrganisasi.create.loading = false;
+      }
+    },
+  },
+  findMany: {   
+    data: null as Array<{
+      id: string;
+      atasanId: string;
+      bawahanId: string;
+      tipe?: string | null;
+      atasan: {
+        id: string;
+        namaLengkap: string;
+        gelarAkademik: string | null;
+        imageId: string | null;
+        tanggalMasuk: Date | null;
+        email: string | null;
+        telepon: string | null;
+        alamat: string | null;
+        posisiId: string;
+        isActive: boolean;
+        createdAt: Date;
+        updatedAt: Date;
+      };
+      bawahan: {
+        id: string;
+        namaLengkap: string;
+        gelarAkademik: string | null;
+        imageId: string | null;
+        tanggalMasuk: Date | null;
+        email: string | null;
+        telepon: string | null;
+        alamat: string | null;
+        posisiId: string;
+        isActive: boolean;
+        createdAt: Date;
+        updatedAt: Date;
+      };
+    }> | null,
+
+    async load() {
+      try {
+        const res = await ApiFetch.api.ekonomi["struktur-organisasi"]["hubungan-organisasi"]["find-many"].get();
+
+        if (res.status === 200) {
+          hubunganOrganisasi.findMany.data = (res.data?.data ?? []).map((item: any) => ({
+            ...item,
+            atasan: item.atasan ? {
+              ...item.atasan,
+              isActive: item.atasan.isActive ?? item.atasan.aktif ?? true
+            } : null,
+            bawahan: item.bawahan ? {
+              ...item.bawahan,
+              isActive: item.bawahan.isActive ?? item.bawahan.aktif ?? true
+            } : null
+          }));
+        } else {
+          hubunganOrganisasi.findMany.data = [];
+        }
+      } catch (error) {
+        console.error("Fetch list error:", error);
+        toast.error("Gagal memuat data hubungan organisasi");
+        hubunganOrganisasi.findMany.data = [];
+      }
+    },
+  },
+
+  findUnique: {
+    data: null as {
+      id: string;
+      atasanId: string;
+      bawahanId: string;
+      tipe?: string | null;
+      atasan?: {
+        id: string;
+        namaLengkap: string;
+        gelarAkademik: string | null;
+        imageId: string;
+        tanggalMasuk: Date | null;
+        email: string | null;
+        telepon: string | null;
+        alamat: string | null;
+        posisiId: string;
+        aktif: boolean;
+        createdAt: Date;
+        updatedAt: Date;
+      };
+      bawahan?: {
+        id: string;
+        namaLengkap: string;
+        gelarAkademik: string | null;
+        imageId: string;
+        tanggalMasuk: Date | null;
+        email: string | null;
+        telepon: string | null;
+        alamat: string | null;
+        posisiId: string;
+        aktif: boolean;
+        createdAt: Date;
+        updatedAt: Date;
+      };
+    } | null,
+
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/struktur-organisasi/hubungan-organisasi/${id}`);
+        const result = await res.json();
+
+        if (res.ok && result?.success) {
+          hubunganOrganisasi.findUnique.data = result.data;
+        } else {
+          hubunganOrganisasi.findUnique.data = null;
+          toast.error(result?.message || "Gagal mengambil data");
+        }
+      } catch (error) {
+        console.error("Find unique error:", error);
+        hubunganOrganisasi.findUnique.data = null;
+      }
+    },
+  },
+
+  edit: {
+    id: "",
+    form: { ...defaultHubunganOrganisasiForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        const res = await fetch(`/api/ekonomi/struktur-organisasi/hubungan-organisasi/${id}`);
+        const result = await res.json();
+
+        if (res.ok && result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            atasanId: data.atasanId,
+            bawahanId: data.bawahanId,
+            tipe: data.tipe || "",
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading:", error);
+        toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateHubunganOrganisasiForm.safeParse(this.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n")}]`;
+        return toast.error(err);
+      }
+
+      try {
+        this.loading = true;
+        const res = await fetch(
+          `/api/ekonomi/struktur-organisasi/hubungan-organisasi/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify(this.form),
+          }
+        );
+
+        const result = await res.json();
+        if (res.ok && result.success) {
+          await hubunganOrganisasi.findMany.load();
+          toast.success("Berhasil mengupdate hubungan organisasi");
+          return true;
+        } else {
+          throw new Error(result?.message || "Gagal mengupdate");
+        }
+      } catch (error) {
+        console.error("Update error:", error);
+        toast.error(error instanceof Error ? error.message : "Gagal update");
+        return false;
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    reset() {
+      hubunganOrganisasi.edit.id = "";
+      hubunganOrganisasi.edit.form = { ...defaultHubunganOrganisasiForm };
+    },
+  },
+
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        hubunganOrganisasi.delete.loading = true;
+        const res = await fetch(`/api/ekonomi/struktur-organisasi/hubungan-organisasi/del/${id}`, {
+          method: "DELETE",
+        });
+
+        const result = await res.json();
+        if (res.ok && result?.success) {
+          toast.success("Hubungan organisasi berhasil dihapus");
+          hubunganOrganisasi.findMany.load();
+        } else {
+          toast.error(result?.message || "Gagal menghapus hubungan organisasi");
+        }
+      } catch (error) {
+        console.error("Delete error:", error);
+        toast.error("Terjadi kesalahan saat menghapus");
+      } finally {
+        hubunganOrganisasi.delete.loading = false;
+      }
+    },
+  },
+});
+
+const strukturorganisasiState = proxy({
+  posisiOrganisasi,
+  pegawai,
+  hubunganOrganisasi,
+});
+
+export default strukturorganisasiState;

src/app/admin/(dashboard)/_state/ekonomi/usia-kerja-nganggur.ts

@@ -0,0 +1,376 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateGrafikUsiaKerjaYangMenganggur = z.object({
+  usia18_25: z.string().min(1, "Data usia 18-25 harus diisi"),
+  usia26_35: z.string().min(1, "Data usia 26-35 harus diisi"),
+  usia36_45: z.string().min(1, "Data usia 36-45 harus diisi"),
+  usia46_keatas: z.string().min(1, "Data usia 46 keatas harus diisi"),
+}); 
+
+type GrafikUsiaKerjaYangMenganggur = Prisma.GrafikMenganggurBerdasarkanUsiaGetPayload<{
+  select: {
+    id: true;
+    usia18_25: true;
+    usia26_35: true;
+    usia36_45: true;
+    usia46_keatas: true;
+  };
+}>;
+
+const defaultForm: Omit<GrafikUsiaKerjaYangMenganggur, 'id'> & { id?: string } = {
+  usia18_25: "",
+  usia26_35: "",
+  usia36_45: "",
+  usia46_keatas: "",
+};
+
+const grafikBerdasarkanUsiaKerjaNganggur = proxy({
+  create: {
+    form: defaultForm,
+    loading: false,
+    async create() {
+      const cek = templateGrafikUsiaKerjaYangMenganggur.safeParse(
+        grafikBerdasarkanUsiaKerjaNganggur.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        grafikBerdasarkanUsiaKerjaNganggur.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.grafikusiakerjayangmenganggur[
+          "create"
+        ].post(grafikBerdasarkanUsiaKerjaNganggur.create.form);
+        if (res.status === 200) {
+          const id = res.data?.data?.id;
+          if (id) {
+            toast.success("Success create");
+            grafikBerdasarkanUsiaKerjaNganggur.create.form = {
+              usia18_25: "",
+              usia26_35: "",
+              usia36_45: "",
+              usia46_keatas: "",
+            };
+            grafikBerdasarkanUsiaKerjaNganggur.findMany.load();
+            return id;
+          }
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        grafikBerdasarkanUsiaKerjaNganggur.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.GrafikMenganggurBerdasarkanUsiaGetPayload<{
+          omit: { isActive: true };
+        }>[]
+      | null,
+    loading: false,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.grafikusiakerjayangmenganggur[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        grafikBerdasarkanUsiaKerjaNganggur.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.GrafikMenganggurBerdasarkanUsiaGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(
+          `/api/ekonomi/grafikusiakerjayangmenganggur/${id}`
+        );
+        if (res.ok) {
+          const data = await res.json();
+          grafikBerdasarkanUsiaKerjaNganggur.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          grafikBerdasarkanUsiaKerjaNganggur.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error loading grafik berdasarkan usia kerja yang menganggur:", error);
+        grafikBerdasarkanUsiaKerjaNganggur.findUnique.data = null;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: {...defaultForm},
+    loading: false,
+    async byId() {
+      // Method implementation if needed
+    },
+    async submit() {
+      const id = this.id;
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+      const cek = templateGrafikUsiaKerjaYangMenganggur.safeParse(this.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues.map((v) => `${v.path.join(".")}`).join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+      this.loading = true;
+      try {
+        const response = await fetch(
+          `/api/ekonomi/grafikusiakerjayangmenganggur/${id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(this.form),
+        });
+        const result = await response.json();
+        if (!response.ok || !result?.success) {
+          throw new Error(result?.message || "Gagal update data");
+        }
+        toast.success("Berhasil update data!");
+        await grafikBerdasarkanUsiaKerjaNganggur.findMany.load();
+        return result.data;
+      } catch (error) {
+        console.error("Error update data:", error);
+        toast.error("Gagal update data grafik berdasarkan usia kerja yang menganggur");
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        grafikBerdasarkanUsiaKerjaNganggur.delete.loading = true;
+
+        const response = await fetch(`/api/ekonomi/grafikusiakerjayangmenganggur/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Grafik berdasarkan usia kerja yang menganggur berhasil dihapus");
+          await grafikBerdasarkanUsiaKerjaNganggur.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus grafik berdasarkan usia kerja yang menganggur");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus grafik berdasarkan usia kerja yang menganggur");
+      } finally {
+        grafikBerdasarkanUsiaKerjaNganggur.delete.loading = false;
+      }
+    },
+  }
+});
+
+const templateGrafikBerpendidikanYangMenganggur = z.object({
+  SD: z.string().min(1, "Data SD harus diisi"),
+  SMP: z.string().min(1, "Data SMP harus diisi"),
+  SMA: z.string().min(1, "Data SMA harus diisi"),
+  D3: z.string().min(1, "Data D3 harus diisi"),
+  S1: z.string().min(1, "Data S1 harus diisi"),
+}); 
+
+type GrafikBerpendidikanYangMenganggur = Prisma.GrafikMenganggurBerdasarkanPendidikanGetPayload<{
+  select: {
+    id: true;
+    SD: true;
+    SMP: true;
+    SMA: true;
+    D3: true;
+    S1: true;
+  };
+}>;
+
+const defaultFormBerpendidikan: Omit<GrafikBerpendidikanYangMenganggur, 'id'> & { id?: string } = {
+  SD: "",
+  SMP: "",
+  SMA: "",
+  D3: "",
+  S1: "",
+};
+
+const grafikBerdasarkanPendidikan = proxy({
+  create: {
+    form: defaultFormBerpendidikan,
+    loading: false,
+    async create() {
+      const cek = templateGrafikBerpendidikanYangMenganggur.safeParse(
+        grafikBerdasarkanPendidikan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        grafikBerdasarkanPendidikan.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.grafikmenganggurberdasarkanpendidikan[
+          "create"
+        ].post(grafikBerdasarkanPendidikan.create.form);
+        if (res.status === 200) {
+          const id = res.data?.data?.id;
+          if (id) {
+            toast.success("Success create");
+            grafikBerdasarkanPendidikan.create.form = {
+              SD: "",
+              SMP: "",
+              SMA: "",
+              D3: "",
+              S1: "",
+            };
+            grafikBerdasarkanPendidikan.findMany.load();
+            return id;
+          }
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        grafikBerdasarkanPendidikan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.GrafikMenganggurBerdasarkanPendidikanGetPayload<{
+          omit: { isActive: true };
+        }>[]
+      | null,
+    loading: false,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.grafikmenganggurberdasarkanpendidikan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        grafikBerdasarkanPendidikan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.GrafikMenganggurBerdasarkanPendidikanGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(
+          `/api/ekonomi/grafikmenganggurberdasarkanpendidikan/${id}`
+        );
+        if (res.ok) {
+          const data = await res.json();
+          grafikBerdasarkanPendidikan.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          grafikBerdasarkanPendidikan.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error loading grafik berdasarkan usia kerja yang menganggur:", error);
+        grafikBerdasarkanPendidikan.findUnique.data = null;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: {...defaultFormBerpendidikan},
+    loading: false,
+    async byId() {
+      // Method implementation if needed
+    },
+    async submit() {
+      const id = this.id;
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+      const cek = templateGrafikBerpendidikanYangMenganggur.safeParse(this.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues.map((v) => `${v.path.join(".")}`).join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+      this.loading = true;
+      try {
+        const response = await fetch(
+          `/api/ekonomi/grafikmenganggurberdasarkanpendidikan/${id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(this.form),
+        });
+        const result = await response.json();
+        if (!response.ok || !result?.success) {
+          throw new Error(result?.message || "Gagal update data");
+        }
+        toast.success("Berhasil update data!");
+        await grafikBerdasarkanPendidikan.findMany.load();
+        return result.data;
+      } catch (error) {
+        console.error("Error update data:", error);
+        toast.error("Gagal update data grafik berdasarkan pendidikan yang menganggur");
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        grafikBerdasarkanPendidikan.delete.loading = true;
+
+        const response = await fetch(`/api/ekonomi/grafikmenganggurberdasarkanpendidikan/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Grafik berdasarkan pendidikan yang menganggur berhasil dihapus");
+          await grafikBerdasarkanPendidikan.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus grafik berdasarkan pendidikan yang menganggur");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus grafik berdasarkan pendidikan yang menganggur");
+      } finally {
+        grafikBerdasarkanPendidikan.delete.loading = false;
+      }
+    },
+  }
+});
+
+const grafikNganggur = proxy({
+  grafikBerdasarkanUsiaKerjaNganggur,
+  grafikBerdasarkanPendidikan
+})
+
+export default grafikNganggur;

src/app/admin/(dashboard)/_state/keamanan/keamanan-lingkungan.ts

@@ -0,0 +1,232 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  name: z.string().min(3, "Nama minimal 3 karakter"),
+  deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  name: "",
+  deskripsi: "",
+  imageId: "",
+};
+
+const keamananLingkunganState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(keamananLingkunganState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        keamananLingkunganState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.keamananlingkungan[
+          "create"
+        ].post(keamananLingkunganState.create.form);
+        if (res.status === 200) {
+          keamananLingkunganState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        keamananLingkunganState.create.loading = false;
+      }
+    },
+    resetForm() {
+      keamananLingkunganState.create.form = { ...defaultForm };
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.KeamananLingkunganGetPayload<{
+          include: { image: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.keamananlingkungan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        keamananLingkunganState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.KeamananLingkunganGetPayload<{
+      include: { image: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/keamananlingkungan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          keamananLingkunganState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          keamananLingkunganState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        keamananLingkunganState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        keamananLingkunganState.delete.loading = true;
+
+        const response = await fetch(
+          `/api/keamanan/keamananlingkungan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Keamanan ingkungan berhasil dihapus"
+          );
+          await keamananLingkunganState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus keamanan ingkungan");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus keamanan ingkungan");
+      } finally {
+        keamananLingkunganState.delete.loading = false;
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/keamanan/keamananlingkungan/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const result = await response.json();
+
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            name: data.name,
+            deskripsi: data.deskripsi,
+            imageId: data.imageId || "",
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading keamanan lingkungan:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateForm.safeParse(keamananLingkunganState.edit.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return false;
+      }
+
+      try {
+        keamananLingkunganState.edit.loading = true;
+
+        const response = await fetch(
+          `/api/keamanan/keamananlingkungan/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              name: this.form.name,
+              deskripsi: this.form.deskripsi,
+              imageId: this.form.imageId,
+            }),
+          }
+        );
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update keamanan lingkungan");
+          await keamananLingkunganState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update keamanan lingkungan");
+        }
+      } catch (error) {
+        console.error("Error updating keamanan lingkungan:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Terjadi kesalahan saat update keamanan lingkungan"
+        );
+        return false;
+      } finally {
+        keamananLingkunganState.edit.loading = false;
+      }
+    },
+    reset() {
+      keamananLingkunganState.edit.id = "";
+      keamananLingkunganState.edit.form = { ...defaultForm };
+    },
+  },
+});
+
+export default keamananLingkunganState;

src/app/admin/(dashboard)/_state/keamanan/kontak-darurat-keamanan.ts

@@ -0,0 +1,259 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  nama: z.string().min(1, "Nama minimal 1 karakter"),
+  imageId: z.string().nonempty(),
+  kontakItems: z.array(
+    z.object({
+      nama: z.string().min(1, "Nama minimal 1 karakter"),
+      nomorTelepon: z.string().min(1, "Nomor Telepon minimal 1 karakter"),
+      imageId: z.string().nonempty(),
+    })
+  ),
+});
+
+const defaultForm = {
+  nama: "",
+  imageId: "",
+  kontakItems: [
+    {
+      nama: "",
+      nomorTelepon: "",
+      imageId: "",
+    },
+  ],
+};
+
+const kontakDaruratKeamananState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(
+        kontakDaruratKeamananState.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        kontakDaruratKeamananState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.kontakdaruratkeamanan[
+          "create"
+        ].post(kontakDaruratKeamananState.create.form);
+        if (res.status === 200) {
+          kontakDaruratKeamananState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        kontakDaruratKeamananState.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.KontakDaruratKeamananGetPayload<{
+          include: {
+            kontakItems: true;
+            image: true;
+          };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.kontakdaruratkeamanan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        kontakDaruratKeamananState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.KontakDaruratKeamananGetPayload<{
+      include: {
+        kontakItems: {
+          include: {
+            image: true;
+          };
+        };
+        image: true;
+      };
+    }> | null,
+    loading: false,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/kontakdaruratkeamanan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          kontakDaruratKeamananState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          kontakDaruratKeamananState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        kontakDaruratKeamananState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+      try {
+        kontakDaruratKeamananState.delete.loading = true;
+        const response = await fetch(
+          `/api/keamanan/kontakdaruratkeamanan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Kontak darurat berhasil dihapus");
+          await kontakDaruratKeamananState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus kontak darurat");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus kontak darurat");
+      } finally {
+        kontakDaruratKeamananState.delete.loading = false;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(
+          `/api/keamanan/kontakdaruratkeamanan/${id}`,
+          {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+            imageId: data.imageId,
+            kontakItems: [
+              {
+                nama: data.kontakItems.nama,
+                nomorTelepon: data.kontakItems.nomorTelepon,
+                imageId: data.kontakItems.imageId,
+              },
+            ],
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading kontak darurat:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateForm.safeParse(
+        kontakDaruratKeamananState.update.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        kontakDaruratKeamananState.update.loading = true;
+        const response = await fetch(
+          `/api/keamanan/kontakdaruratkeamanan/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              nama: this.form.nama,
+              imageId: this.form.imageId,
+              kontakItems: [
+                {
+                  nama: this.form.kontakItems[0].nama,
+                  nomorTelepon: this.form.kontakItems[0].nomorTelepon,
+                  imageId: this.form.kontakItems[0].imageId,
+                },
+              ],
+            }),
+          }
+        );
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+        const result = await response.json();
+        if (result.success) {
+          toast.success("Berhasil update kontak darurat");
+          await kontakDaruratKeamananState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal mengupdate kontak darurat");
+        }
+      } catch (error) {
+        console.error("Error updating kontak darurat:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Gagal mengupdate kontak darurat"
+        );
+        return false;
+      } finally {
+        kontakDaruratKeamananState.update.loading = false;
+      }
+    },
+    reset() {
+      kontakDaruratKeamananState.update.id = "";
+      kontakDaruratKeamananState.update.form = { ...defaultForm };
+    },
+  },
+});
+
+export default kontakDaruratKeamananState;

src/app/admin/(dashboard)/_state/keamanan/laporan-publik.ts

@@ -0,0 +1,273 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+export type Status = "Selesai" | "Proses" | "Gagal";
+
+const templateForm = z.object({
+  judul: z.string().min(3, "Judul minimal 3 karakter"),
+  lokasi: z.string().min(3, "Lokasi minimal 3 karakter"),
+  tanggalWaktu: z.string().min(3, "Tanggal Waktu minimal 3 karakter"),
+  status: z.enum(["Selesai", "Proses", "Gagal"]),
+  penanganan: z.string(),
+  kronologi: z.string().optional(),
+});
+
+interface FormData {
+  judul: string;
+  lokasi: string;
+  tanggalWaktu: string;
+  status: Status;
+  penanganan: string;
+  kronologi: string;
+}
+
+const defaultForm: FormData = {
+  judul: "",
+  lokasi: "",
+  tanggalWaktu: new Date().toISOString(),
+  status: "Proses",
+  penanganan: "",
+  kronologi: "",
+};
+
+const laporanPublikState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(laporanPublikState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        laporanPublikState.create.loading = true;
+        
+        // Ensure we have a valid date
+        if (!laporanPublikState.create.form.tanggalWaktu) {
+          return toast.error("Tanggal laporan harus diisi");
+        }
+        
+        // Format the data before sending
+        const formData = {
+          ...laporanPublikState.create.form,
+          // Ensure the date is in the correct format for the API
+          tanggalWaktu: new Date(laporanPublikState.create.form.tanggalWaktu).toISOString()
+        };
+        
+        console.log("Sending form data:", formData); // Debug log
+        
+        const res = await ApiFetch.api.keamanan.laporanpublik["create"].post(
+          formData
+        );
+        
+        if (res.error) {
+          console.error("API Error:", res.error);
+          throw new Error("Failed to create laporan publik");
+        }
+        
+        if (res.status === 200) {
+          laporanPublikState.findMany.load();
+          return toast.success("success create");
+        }
+        
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.error("Error creating laporan publik:", error);
+        toast.error(error instanceof Error ? error.message : "Gagal membuat laporan publik");
+        throw error; // Re-throw to be handled by the caller
+      } finally {
+        laporanPublikState.create.loading = false;
+      }
+    },
+    resetForm() {
+      laporanPublikState.create.form = { ...defaultForm };
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.LaporanPublikGetPayload<{
+          include: { penanganan: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.laporanpublik["find-many"].get();
+      if (res.status === 200) {
+        laporanPublikState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.LaporanPublikGetPayload<{
+      include: { penanganan: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/laporanpublik/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          laporanPublikState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          laporanPublikState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        laporanPublikState.findUnique.data = null;
+      }
+    },
+    resetForm() {
+      laporanPublikState.findUnique.data = null;
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        laporanPublikState.delete.loading = true;
+        const response = await fetch(`/api/keamanan/laporanpublik/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Laporan publik berhasil dihapus"
+          );
+          await laporanPublikState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus laporan publik");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus laporan publik");
+      } finally {
+        laporanPublikState.delete.loading = false;
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/keamanan/laporanpublik/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+     if (!response.ok) {
+               throw new Error(`HTTP error! status: ${response.status}`);
+             }
+     
+             const result = await response.json();
+     
+             if (result?.success) {
+               const data = result.data;
+               this.id = data.id;
+               this.form = {
+                 judul: data.judul,
+                 lokasi: data.lokasi,
+                 tanggalWaktu: data.tanggalWaktu,
+                 status: data.status,
+                 penanganan: data.penanganan,
+                 kronologi: data.kronologi,
+               };
+               return data; // Return the loaded data
+             } else {
+               throw new Error(result?.message || "Gagal memuat data");
+             }
+           } catch (error) {
+             console.error("Error loading keamanan lingkungan:", error);
+             toast.error(
+               error instanceof Error ? error.message : "Gagal memuat data"
+             );
+             return null;
+           }
+         },
+     
+         async update() {
+           const cek = templateForm.safeParse(laporanPublikState.edit.form);
+           if (!cek.success) {
+             const err = `[${cek.error.issues
+               .map((v) => `${v.path.join(".")}`)
+               .join("\n")}] required`;
+             toast.error(err);
+             return false;
+           }
+     
+           try {
+             laporanPublikState.edit.loading = true;
+     
+             const response = await fetch(
+               `/api/keamanan/laporanpublik/${this.id}`,
+               {
+                 method: "PUT",
+                 headers: {
+                   "Content-Type": "application/json",
+                 },
+                 body: JSON.stringify({
+                   judul: this.form.judul,
+                   lokasi: this.form.lokasi,
+                   tanggalWaktu: this.form.tanggalWaktu,
+                   status: this.form.status,
+                   penanganan: this.form.penanganan,
+                   kronologi: this.form.kronologi,
+                 }),
+               }
+             );
+     
+             if (!response.ok) {
+               const errorData = await response.json().catch(() => ({}));
+               throw new Error(
+                 errorData.message || `HTTP error! status: ${response.status}`
+               );
+             }
+     
+             const result = await response.json();
+     
+             if (result.success) {
+               toast.success("Berhasil update laporan publik");
+               await laporanPublikState.findMany.load(); // refresh list
+               return true;
+             } else {
+               throw new Error(result.message || "Gagal update laporan publik");
+             }
+           } catch (error) {
+             console.error("Error updating laporan publik:", error);
+             toast.error(
+               error instanceof Error
+                 ? error.message
+                 : "Terjadi kesalahan saat update laporan publik"
+             );
+             return false;
+           } finally {
+             laporanPublikState.edit.loading = false;
+           }
+         },
+         reset() {
+           laporanPublikState.edit.id = "";
+           laporanPublikState.edit.form = { ...defaultForm };
+         },
+  }
+});
+export default laporanPublikState;

src/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas.ts

@@ -0,0 +1,314 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  pencegahanKriminalitas: z.object({
+    programKeamanan: z.object({
+      nama: z.string().min(1, "Nama minimal 1 karakter"),
+      deskripsi: z.string().min(1, "Deskripsi minimal 1 karakter"),
+      slug: z.string().min(1, "Slug minimal 1 karakter"),
+    }),
+    tipsKeamanan: z.object({
+      judul: z.string().min(1, "Judul minimal 1 karakter"),
+      konten: z.string().min(1, "Konten minimal 1 karakter"),
+      slug: z.string().min(1, "Slug minimal 1 karakter"),
+    }),
+    videoKeamanan: z.object({
+      judul: z.string().min(1, "Judul minimal 1 karakter"),
+      deskripsi: z.string().min(1, "Deskripsi minimal 1 karakter"),
+      videoUrl: z.string().min(1, "Video URL minimal 1 karakter"),
+      slug: z.string().min(1, "Slug minimal 1 karakter"),
+    }),
+  }),
+});
+
+const defaultForm = {
+  pencegahanKriminalitas: {
+    programKeamanan: {
+      nama: "",
+      deskripsi: "",
+      slug: "",
+    },
+    tipsKeamanan: {
+      judul: "",
+      konten: "",
+      slug: "",
+    },
+    videoKeamanan: {
+      judul: "",
+      deskripsi: "",
+      videoUrl: "",
+      slug: "",
+    },
+  },
+};
+
+const pencegahanKriminalitasState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(
+        pencegahanKriminalitasState.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        pencegahanKriminalitasState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.pencegahankriminalitas[
+          "create"
+        ].post(pencegahanKriminalitasState.create.form.pencegahanKriminalitas);
+        if (res.status === 200) {
+          pencegahanKriminalitasState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        pencegahanKriminalitasState.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.PencegahanKriminalitasGetPayload<{
+          include: {
+            programKeamanan: true;
+            tipsKeamanan: true;
+            videoKeamanan: true;
+          };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.pencegahankriminalitas[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        pencegahanKriminalitasState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.PencegahanKriminalitasGetPayload<{
+      include: {
+        programKeamanan: true;
+        tipsKeamanan: true;
+        videoKeamanan: true;
+      };
+    }> | null,
+    loading: false,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/pencegahankriminalitas/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          pencegahanKriminalitasState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          pencegahanKriminalitasState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        pencegahanKriminalitasState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+      try {
+        pencegahanKriminalitasState.delete.loading = true;
+        const response = await fetch(
+          `/api/keamanan/pencegahankriminalitas/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Pencegahan kriminalitas berhasil dihapus"
+          );
+          await pencegahanKriminalitasState.findMany.load(); // refresh list
+        } else {
+          toast.error(
+            result?.message || "Gagal menghapus pencegahan kriminalitas"
+          );
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus pencegahan kriminalitas");
+      } finally {
+        pencegahanKriminalitasState.delete.loading = false;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+      try {
+        pencegahanKriminalitasState.update.loading = true;
+        const response = await fetch(
+          `/api/keamanan/pencegahankriminalitas/${id}`,
+          {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          pencegahanKriminalitasState.update.id = data.id;
+          pencegahanKriminalitasState.update.form = {
+            pencegahanKriminalitas: {
+              programKeamanan: {
+                nama: data.programKeamanan.nama,
+                deskripsi: data.programKeamanan.deskripsi,
+                slug: data.programKeamanan.slug,
+              },
+              tipsKeamanan: {
+                judul: data.tipsKeamanan.judul,
+                konten: data.tipsKeamanan.konten,
+                slug: data.tipsKeamanan.slug,
+              },
+              videoKeamanan: {
+                judul: data.videoKeamanan.judul,
+                deskripsi: data.videoKeamanan.deskripsi,
+                videoUrl: data.videoKeamanan.videoUrl,
+                slug: data.videoKeamanan.slug,
+              },
+            },
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Gagal update:", error);
+        toast.error(
+          "Terjadi kesalahan saat mengupdate pencegahan kriminalitas"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateForm.safeParse(
+        pencegahanKriminalitasState.update.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        pencegahanKriminalitasState.update.loading = true;
+        const response = await fetch(
+          `/api/keamanan/pencegahankriminalitas/${pencegahanKriminalitasState.update.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              pencegahanKriminalitas: {
+                programKeamanan: {
+                  nama: pencegahanKriminalitasState.update.form
+                    .pencegahanKriminalitas.programKeamanan.nama,
+                  deskripsi:
+                    pencegahanKriminalitasState.update.form
+                      .pencegahanKriminalitas.programKeamanan.deskripsi,
+                  slug: pencegahanKriminalitasState.update.form
+                    .pencegahanKriminalitas.programKeamanan.slug,
+                },
+                tipsKeamanan: {
+                  judul:
+                    pencegahanKriminalitasState.update.form
+                      .pencegahanKriminalitas.tipsKeamanan.judul,
+                  konten:
+                    pencegahanKriminalitasState.update.form
+                      .pencegahanKriminalitas.tipsKeamanan.konten,
+                  slug: pencegahanKriminalitasState.update.form
+                    .pencegahanKriminalitas.tipsKeamanan.slug,
+                },
+                videoKeamanan: {
+                  judul:
+                    pencegahanKriminalitasState.update.form
+                      .pencegahanKriminalitas.videoKeamanan.judul,
+                  deskripsi:
+                    pencegahanKriminalitasState.update.form
+                      .pencegahanKriminalitas.videoKeamanan.deskripsi,
+                  videoUrl:
+                    pencegahanKriminalitasState.update.form
+                      .pencegahanKriminalitas.videoKeamanan.videoUrl,
+                  slug: pencegahanKriminalitasState.update.form
+                    .pencegahanKriminalitas.videoKeamanan.slug,
+                },
+              },
+            }),
+          }
+        );
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+        const result = await response.json();
+        if (result.success) {
+          toast.success("Berhasil update pencegahan kriminalitas");
+          await pencegahanKriminalitasState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(
+            result.message || "Gagal mengupdate pencegahan kriminalitas"
+          );
+        }
+      } catch (error) {
+        console.error("Gagal update:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Gagal mengupdate pencegahan kriminalitas"
+        );
+        return false;
+      } finally {
+        pencegahanKriminalitasState.update.loading = false;
+      }
+    },
+    reset() {
+      pencegahanKriminalitasState.update.id = "";
+      pencegahanKriminalitasState.update.form = { ...defaultForm };
+    },
+  },
+});
+export default pencegahanKriminalitasState;

src/app/admin/(dashboard)/_state/keamanan/polsek-terdekat.ts

@@ -0,0 +1,242 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  nama: z.string().min(1, "Nama minimal 1 karakter"),
+  jarakKeDesa: z.string().min(1, "Jarak minimal 1 karakter"),
+  alamat: z.string().min(1, "Alamat minimal 1 karakter"),
+  nomorTelepon: z.string().min(1, "Nomor Telepon minimal 1 karakter"),
+  jamOperasional: z.string().min(1, "Jam Operasional minimal 1 karakter"),
+  embedMapUrl: z.string().min(1, "Embed Map Url minimal 1 karakter"),
+  namaTempatMaps: z.string().min(1, "Nama Tempat Maps minimal 1 karakter"),
+  alamatMaps: z.string().min(1, "Alamat Maps minimal 1 karakter"),
+  linkPetunjukArah: z.string().min(1, "Link Petunjuk Arah minimal 1 karakter"),
+  layananPolsekId: z.string().min(1, "Layanan Polsek Id minimal 1 karakter"),
+});
+
+const defaultForm = {
+  nama: "",
+  jarakKeDesa: "",
+  alamat: "",
+  nomorTelepon: "",
+  jamOperasional: "",
+  embedMapUrl: "",
+  namaTempatMaps: "",
+  alamatMaps: "",
+  linkPetunjukArah: "",
+  layananPolsekId: "",
+};
+
+const polsekTerdekatState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(polsekTerdekatState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        polsekTerdekatState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.polsekterdekat["create"].post(
+          polsekTerdekatState.create.form
+        );
+        if (res.status === 200) {
+          polsekTerdekatState.findMany.load();
+          return toast.success("Data berhasil ditambahkan");
+        }
+        return toast.error("Gagal menambahkan data");
+      } catch (error) {
+        console.log(error);
+        toast.error("Gagal menambahkan data");
+      } finally {
+        polsekTerdekatState.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.PolsekTerdekatGetPayload<{
+          include: { layananPolsek: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.polsekterdekat["find-many"].get();
+      if (res.status === 200) {
+        polsekTerdekatState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.PolsekTerdekatGetPayload<{
+      include: { layananPolsek: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/polsekterdekat/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          polsekTerdekatState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          polsekTerdekatState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        polsekTerdekatState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        polsekTerdekatState.delete.loading = true;
+
+        const response = await fetch(`/api/keamanan/polsekterdekat/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Polsek terdekat berhasil dihapus");
+          await polsekTerdekatState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus polsek terdekat");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus polsek terdekat");
+      } finally {
+        polsekTerdekatState.delete.loading = false;
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/keamanan/polsekterdekat/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            nama: data.nama,
+            jarakKeDesa: data.jarakKeDesa,
+            alamat: data.alamat,
+            nomorTelepon: data.nomorTelepon,
+            jamOperasional: data.jamOperasional,
+            embedMapUrl: data.embedMapUrl,
+            namaTempatMaps: data.namaTempatMaps,
+            alamatMaps: data.alamatMaps,
+            linkPetunjukArah: data.linkPetunjukArah,
+            layananPolsekId: data.layananPolsekId,
+          };
+          return data;
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error loading polsek terdekat:", error);
+        toast.error(
+          error instanceof Error ? error.message : "Gagal memuat data"
+        );
+        return null;
+      }
+    },
+
+    async update() {
+      const cek = templateForm.safeParse(polsekTerdekatState.edit.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        polsekTerdekatState.edit.loading = true;
+        const response = await fetch(
+          `/api/keamanan/polsekterdekat/${this.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              nama: this.form.nama,
+              jarakKeDesa: this.form.jarakKeDesa,
+              alamat: this.form.alamat,
+              nomorTelepon: this.form.nomorTelepon,
+              jamOperasional: this.form.jamOperasional,
+              embedMapUrl: this.form.embedMapUrl,
+              namaTempatMaps: this.form.namaTempatMaps,
+              alamatMaps: this.form.alamatMaps,
+              linkPetunjukArah: this.form.linkPetunjukArah,
+              layananPolsekId: this.form.layananPolsekId,
+            }),
+          }
+        );
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+        const result = await response.json();
+        if (result.success) {
+          toast.success("Berhasil update polsek terdekat");
+          await polsekTerdekatState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal mengupdate polsek terdekat");
+        }
+      } catch (error) {
+        console.error("Error updating polsek terdekat:", error);
+        toast.error(
+          error instanceof Error
+            ? error.message
+            : "Gagal mengupdate polsek terdekat"
+        );
+        return false;
+      } finally {
+        polsekTerdekatState.edit.loading = false;
+      }
+    },
+    reset() {
+      polsekTerdekatState.edit.id = "";
+      polsekTerdekatState.edit.form = { ...defaultForm };
+    },
+  },
+});
+
+export default polsekTerdekatState;

src/app/admin/(dashboard)/_state/keamanan/tips-keamanan.ts

@@ -0,0 +1,212 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  judul: z.string().min(3, "Nama minimal 3 karakter"),
+  deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  judul: "",
+  deskripsi: "",
+  imageId: "",
+};
+
+const tipsKeamananState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(tipsKeamananState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        tipsKeamananState.create.loading = true;
+        const res = await ApiFetch.api.keamanan.menutipskeamanan["create"].post(
+          tipsKeamananState.create.form
+        );
+        if (res.status === 200) {
+          tipsKeamananState.findMany.load();
+          return toast.success("success create");
+        }
+        console.log(res);
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        tipsKeamananState.create.loading = false;
+      }
+    },
+    resetForm() {
+      tipsKeamananState.create.form = { ...defaultForm };
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.MenuTipsKeamananGetPayload<{
+          include: { image: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.keamanan.menutipskeamanan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        tipsKeamananState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.MenuTipsKeamananGetPayload<{
+      include: { image: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/keamanan/menutipskeamanan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          tipsKeamananState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          tipsKeamananState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        tipsKeamananState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+      try {
+        tipsKeamananState.delete.loading = true;
+        const response = await fetch(
+          `/api/keamanan/menutipskeamanan/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        const result = await response.json();
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Tips keamanan berhasil dihapus");
+          await tipsKeamananState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus tips keamanan");
+        }
+      } catch (error) {
+        toast.error("Terjadi kesalahan saat menghapus tips keamanan");
+        console.error("Gagal delete:", error);
+      } finally {
+        tipsKeamananState.delete.loading = false;
+      }
+    },
+  },
+  update: {
+    id: "",
+    loading: false,
+    form: { ...defaultForm },
+
+    async load(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+      try {
+        tipsKeamananState.update.loading = true;
+        const response = await fetch(`/api/keamanan/menutipskeamanan/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+
+        const result = await response.json();
+
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            judul: data.judul,
+            deskripsi: data.deskripsi,
+            imageId: data.imageId || "",
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        toast.error("Gagal memuat data");
+        return null;
+      }
+    },
+    async update() {
+      const cek = templateForm.safeParse(tipsKeamananState.update.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        tipsKeamananState.update.loading = true;
+        const response = await fetch(
+          `/api/keamanan/menutipskeamanan/${tipsKeamananState.update.id}`,
+          {
+            method: "PUT",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              judul: this.form.judul,
+              deskripsi: this.form.deskripsi,
+              imageId: this.form.imageId,
+            }),
+          }
+        );
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({}));
+          throw new Error(
+            errorData.message || `HTTP error! status: ${response.status}`
+          );
+        }
+
+        const result = await response.json();
+
+        if (result.success) {
+          toast.success("Berhasil update tips keamanan");
+          await tipsKeamananState.findMany.load(); // refresh list
+          return true;
+        } else {
+          throw new Error(result.message || "Gagal update tips keamanan");
+        }
+      } catch (error) {
+        console.error("Error updating data:", error);
+        toast.error("Gagal update data");
+        return false;
+      } finally {
+        tipsKeamananState.update.loading = false;
+      }
+    },
+    reset() {
+      tipsKeamananState.update.id = "";
+      tipsKeamananState.update.form = { ...defaultForm };
+    },
+  },
+});
+export default tipsKeamananState;

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

@@ -1,339 +1,306 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
 import { proxy } from "valtio";
 import { z } from "zod";
 
-/* Introduction */
-const templateIntroduction = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
+const templateForm = z.object({
+  title: z.string().min(1, "Judul harus diisi"),
+  content: z.string().min(1, "Content harus diisi"),
+  introduction: z.object({
+    content: z.string().min(1, "Content harus diisi"),
+  }),
+  symptom: z.object({
+    title: z.string().min(1, "Judul harus diisi"),
+    content: z.string().min(1, "Content harus diisi"),
+  }),
+  prevention: z.object({
+    title: z.string().min(1, "Judul harus diisi"),
+    content: z.string().min(1, "Content harus diisi"),
+  }),
+  firstAid: z.object({
+    title: z.string().min(1, "Judul harus diisi"),
+    content: z.string().min(1, "Content harus diisi"),
+  }),
+  mythVsFact: z.object({
+    title: z.string().min(1, "Judul harus diisi"),
+    mitos: z.string().min(1, "Mitos harus diisi"),
+    fakta: z.string().min(1, "Fakta harus diisi"),
+  }),
+  doctorSign: z.object({
+    content: z.string().min(1, "Content harus diisi"),
+  }),
+});
 
-type Introduction = Prisma.IntroductionGetPayload<{
-  select: {
-    content: true;
-  };
-}>;
+const defaultForm = {
+  title: "",
+  content: "",
+  introduction: {
+    content: "",
+  },
+  symptom: {
+    title: "",
+    content: "",
+  },
+  prevention: {
+    title: "",
+    content: "",
+  },
+  firstAid: {
+    title: "",
+    content: "",
+  },
+  mythVsFact: {
+    title: "",
+    mitos: "",
+    fakta: "",
+  },
+  doctorSign: {
+    content: "",
+  },
+};
 
-const introduction = proxy({
+const artikelKesehatanState = proxy({
   create: {
-    form: {} as Introduction,
+    form: { ...defaultForm },
     loading: false,
-    async create() {
-      const cek = templateIntroduction.safeParse(introduction.create.form);
+    async submit() {
+      const cek = templateForm.safeParse(this.form);
       if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
+        const errMsg = cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n");
+        toast.error(errMsg);
+        return null;
       }
+
       try {
-        introduction.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.introduction["create"].post(introduction.create.form);
+        this.loading = true;
+        const payload = { ...this.form };
+
+        const res = await (ApiFetch.api.kesehatan as any)[
+          "artikel-kesehatan"
+        ].create.post(payload);
+
         if (res.status === 200) {
-          introduction.findMany.load();
-          return toast.success("success create");
+          toast.success("Berhasil menambahkan artikel kesehatan");
+          this.resetForm();
+          await artikelKesehatanState.findMany.load();
+          return res.data;
         }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
+      } catch (err: any) {
+        const msg = err?.message || "Terjadi kesalahan saat mengirim data";
+        toast.error(msg);
+        console.error("SUBMIT ERROR:", err);
+        return null;
       } finally {
-        introduction.create.loading = false;
+        this.loading = false;
       }
     },
-  },
-  findMany: {
-      data: null as
-      | Prisma.IntroductionGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-      async load() {
-        const res = await ApiFetch.api.kesehatan.introduction["find-many"].get();
-        if (res.status === 200) {
-          introduction.findMany.data = res.data?.data ?? [];
-        }
-      }
-  }
-});
-/* ======================================================================= */
-
-/* symptom */
-const templateSymptom = z.object({
-  title: z.string().min(3, "Title minimal 3 karakter"),
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
-
-type Symptom = Prisma.SymptomGetPayload<{
-  select: {
-    title: true;
-    content: true;
-  };
-}>;
-
-const symptom = proxy({
-  create: {
-    form: {} as Symptom,
-    loading: false,
-    async create() {
-      const cek = templateSymptom.safeParse(symptom.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        symptom.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.symptom["create"].post(symptom.create.form);
-        if (res.status === 200) {
-          symptom.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        symptom.create.loading = false;
-      }
+    resetForm() {
+      this.form = { ...defaultForm };
     },
   },
   findMany: {
     data: null as
-      | Prisma.SymptomGetPayload<{ omit: { isActive: true } }>[]
+      | Prisma.ArtikelKesehatanGetPayload<{
+          include: {
+            introduction: true;
+            symptom: true;
+            prevention: true;
+            firstaid: true;
+            mythvsfact: true;
+            doctorsign: true;
+          };
+        }>[]
       | null,
+    loading: false,
     async load() {
-      const res = await ApiFetch.api.kesehatan.symptom["find-many"].get();
-      if (res.status === 200) {
-        symptom.findMany.data = res.data?.data ?? [];
+      try {
+        this.loading = true;
+        const res = await (ApiFetch.api.kesehatan as any)["artikel-kesehatan"][
+          "find-many"
+        ].get();
+
+        if (res.status === 200) {
+          this.data = res.data?.data ?? [];
+        } else {
+          toast.error("Gagal memuat data artikel kesehatan");
+        }
+
+        return res;
+      } catch (err) {
+        toast.error("Terjadi error saat load data");
+        console.error("LOAD ERROR:", err);
+        throw err;
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.ArtikelKesehatanGetPayload<{
+      include: {
+        introduction: true;
+        symptom: true;
+        prevention: true;
+        firstaid: true;
+        mythvsfact: true;
+        doctorsign: true;
+      };
+    }> | null,
+    loading: false,
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/artikel-kesehatan/${id}`);
+      if (res.ok) {
+        const data = await res.json();
+        artikelKesehatanState.findUnique.data = data.data ?? null;
+      } else {
+        toast.error("Gagal load data artikel kesehatan");
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/artikel-kesehatan/${id}`);
+      if (!res.ok) {
+        toast.error("Gagal load data artikel kesehatan");
+        return;
+      }
+
+      const result = await res.json();
+      const data = result.data;
+
+      artikelKesehatanState.edit.id = data.id;
+      artikelKesehatanState.edit.form = {
+        title: data.title,
+        content: data.content,
+        introduction: {
+          content: data.introduction.content,
+        },
+        symptom: {
+          title: data.symptom.title,
+          content: data.symptom.content,
+        },
+        prevention: {
+          title: data.prevention.title,
+          content: data.prevention.content,
+        },
+        firstAid: {
+          title: data.firstaid.title,
+          content: data.firstaid.content,
+        },
+        mythVsFact: {
+          title: data.mythvsfact.title,
+          mitos: data.mythvsfact.mitos,
+          fakta: data.mythvsfact.fakta,
+        },
+        doctorSign: {
+          content: data.doctorsign.content,
+        },
+      };
+    },
+    async submit() {
+      const cek = templateForm.safeParse(artikelKesehatanState.edit.form);
+      if (!cek.success) {
+        const errMsg = cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n");
+        toast.error(errMsg);
+        return null;
+      }
+
+      try {
+        artikelKesehatanState.edit.loading = true;
+        const payload = {
+          title: artikelKesehatanState.edit.form.title,
+          content: artikelKesehatanState.edit.form.content,
+          introduction: {
+            content: artikelKesehatanState.edit.form.introduction.content,
+          },
+          symptom: {
+            title: artikelKesehatanState.edit.form.symptom.title,
+            content: artikelKesehatanState.edit.form.symptom.content,
+          },
+          prevention: {
+            title: artikelKesehatanState.edit.form.prevention.title,
+            content: artikelKesehatanState.edit.form.prevention.content,
+          },
+          firstAid: {
+            title: artikelKesehatanState.edit.form.firstAid.title,
+            content: artikelKesehatanState.edit.form.firstAid.content,
+          },
+          mythVsFact: {
+            title: artikelKesehatanState.edit.form.mythVsFact.title,
+            mitos: artikelKesehatanState.edit.form.mythVsFact.mitos,
+            fakta: artikelKesehatanState.edit.form.mythVsFact.fakta,
+          },
+          doctorSign: {
+            content: artikelKesehatanState.edit.form.doctorSign.content,
+          },
+        };
+
+        const res = await fetch(
+          `/api/kesehatan/artikel-kesehatan/${artikelKesehatanState.edit.id}`,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload),
+          }
+        );
+
+        if (!res.ok) {
+          const error = await res.json();
+          throw new Error(error.message || "Update gagal");
+        }
+
+        toast.success("Berhasil update artikel kesehatan");
+        await artikelKesehatanState.findMany.load();
+        return true;
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Terjadi kesalahan saat update"
+        );
+        return false;
+      } finally {
+        artikelKesehatanState.edit.loading = false;
+      }
+    },
+    resetForm() {
+      artikelKesehatanState.edit.id = "";
+      artikelKesehatanState.edit.form = { ...defaultForm };
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      try {
+        artikelKesehatanState.delete.loading = true;
+        const res = await fetch(
+          `/api/kesehatan/artikel-kesehatan/del/${id}`,
+          {
+            method: "DELETE",
+          }
+        );
+
+        const result = await res.json();
+        if (res.ok && result.success) {
+          toast.success("Artikel kesehatan berhasil dihapus");
+          await artikelKesehatanState.findMany.load();
+        } else {
+          toast.error(result.message || "Gagal menghapus");
+        }
+      } catch {
+        toast.error("Terjadi kesalahan saat menghapus");
+      } finally {
+        artikelKesehatanState.delete.loading = false;
       }
     },
   },
 });
-/* ======================================================================= */
 
-/* Prevention */
-const templatePrevention = z.object({
-  title: z.string().min(3, "Title minimal 3 karakter"),
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
-
-type Prevention = Prisma.PreventionGetPayload<{
-  select: {
-    title: true;
-    content: true;
-  };
-}>;
-
-const prevention = proxy({
-  create: {
-    form: {} as Prevention,
-    loading: false,
-    async create() {
-      const cek = templatePrevention.safeParse(prevention.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        prevention.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.prevention["create"].post(prevention.create.form);
-        if (res.status === 200) {
-          prevention.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        prevention.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.PreventionGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.prevention["find-many"].get();
-      if (res.status === 200) {
-        prevention.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
-
-/* First Aid */
-const templateFirstAid = z.object({
-  title: z.string().min(3, "Title minimal 3 karakter"),
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
-
-type FirstAid = Prisma.FirstAidGetPayload<{
-  select: {
-    title: true;
-    content: true;
-  };
-}>;
-
-const firstAid = proxy({
-    create: {
-        form: {} as FirstAid,
-        loading: false,
-        async create() {
-            const cek = templateFirstAid.safeParse(firstAid.create.form);
-            if (!cek.success) {
-                const err = `[${cek.error.issues
-                    .map((v) => `${v.path.join(".")}`)
-                    .join("\n")}] required`;
-                return toast.error(err);
-            }
-            try {
-                firstAid.create.loading = true;
-                const res = await ApiFetch.api.kesehatan.firstaid["create"].post(firstAid.create.form);
-                if (res.status === 200) {
-                    firstAid.findMany.load();
-                    return toast.success("success create");
-                }
-                return toast.error("failed create");
-            } catch (error) {
-                console.log((error as Error).message);
-            } finally {
-                firstAid.create.loading = false;
-            }
-        },
-    },
-    findMany: {
-        data: null as
-            | Prisma.FirstAidGetPayload<{ omit: { isActive: true } }>[]
-            | null,
-        async load() {
-            const res = await ApiFetch.api.kesehatan.firstaid["find-many"].get();
-            if (res.status === 200) {
-                firstAid.findMany.data = res.data?.data ?? [];
-            }
-        },
-    },
-})
-/* ======================================================================= */
-
-/* Myth vs Fact */
-const templateMythFact = z.object({
-  title: z.string().min(3, "Title minimal 3 karakter"),
-  mitos: z.string().min(3, "Mitos minimal 3 karakter"),
-  fakta: z.string().min(3, "Fakta minimal 3 karakter"),
-})
-
-type MythFact = Prisma.MythVsFactGetPayload<{
-  select: {
-    title: true;
-    mitos: true;
-    fakta: true;
-  };
-}>;
-
-const mythFact = proxy({
-  create: {
-    form: {} as MythFact,
-    loading: false,
-    async create() {
-      const cek = templateMythFact.safeParse(mythFact.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        mythFact.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.mythvsfact["create"].post(mythFact.create.form);
-        if (res.status === 200) {
-          mythFact.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        mythFact.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.MythVsFactGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.mythvsfact["find-many"].get();
-      if (res.status === 200) {
-        mythFact.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-})
-/* ======================================================================= */
-
-/* Doctor Sign */
-const templateDoctorSign = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
-
-type DoctorSign = Prisma.DoctorSignGetPayload<{
-    select: {
-        content: true
-    }
-}>
-
-const doctorSign = proxy({
-    create: {
-        form: {} as DoctorSign,
-        loading: false,
-        async create() {
-            const cek = templateDoctorSign.safeParse(doctorSign.create.form);
-            if (!cek.success) {
-                const err = `[${cek.error.issues
-                    .map((v) => `${v.path.join(".")}`)
-                    .join("\n")}] required`;
-                return toast.error(err);
-            }
-            try {
-                doctorSign.create.loading = true;
-                const res = await ApiFetch.api.kesehatan.doctor_sign["create"].post(doctorSign.create.form);
-                if (res.status === 200) {
-                    doctorSign.findMany.load();
-                    return toast.success("success create");
-                }
-                return toast.error("failed create");
-            } catch (error) {
-                console.log((error as Error).message);
-            } finally {
-                doctorSign.create.loading = false;
-            }
-        },
-    },
-    findMany: {
-        data: null as
-            | Prisma.DoctorSignGetPayload<{ omit: { isActive: true } }>[]
-            | null,
-        async load() {
-            const res = await ApiFetch.api.kesehatan.doctor_sign["find-many"].get();
-            if (res.status === 200) {
-                doctorSign.findMany.data = res.data?.data ?? [];
-            }
-        },
-    },
-})
-
-/* ======================================================================= */
-
-const stateArtikelKesehatan = proxy({
-  introduction,
-  symptom,
-  prevention,
-  firstAid,
-  mythFact,
-  doctorSign
-})
-
-export default stateArtikelKesehatan
+export default artikelKesehatanState;

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

@@ -1,333 +1,308 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
 import { proxy } from "valtio";
 import { z } from "zod";
 
-/* Informasi Umum */
-const templateInformasiUmum = z.object({
-  fasilitas: z.string().min(3, "Fasilitas minimal 3 karakter"),
-  alamat: z.string().min(3, "Alamat minimal 3 karakter"),
-  jamOperasional: z.string().min(3, "Jam Operasional minimal 3 karakter"),
+// Validasi form
+const templateForm = z.object({
+  name: z.string().min(1, "Nama harus diisi"),
+  informasiUmum: z.object({
+    fasilitas: z.string().min(1, "Fasilitas harus diisi"),
+    alamat: z.string().min(1, "Alamat harus diisi"),
+    jamOperasional: z.string().min(1, "Jam operasional harus diisi"),
+  }),
+  layananUnggulan: z.object({
+    content: z.string().min(1, "Layanan unggulan harus diisi"),
+  }),
+  dokterdanTenagaMedis: z.object({
+    name: z.string().min(1, "Nama dokter harus diisi"),
+    specialist: z.string().min(1, "Spesialis harus diisi"),
+    jadwal: z.string().min(1, "Jadwal harus diisi"),
+  }),
+  fasilitasPendukung: z.object({
+    content: z.string().min(1, "Fasilitas pendukung harus diisi"),
+  }),
+  prosedurPendaftaran: z.object({
+    content: z.string().min(1, "Prosedur pendaftaran harus diisi"),
+  }),
+  tarifDanLayanan: z.object({
+    layanan: z.string().min(1, "Layanan harus diisi"),
+    tarif: z.string().min(1, "Tarif harus diisi"),
+  }),
 });
 
-type InfromasiUmum = Prisma.InformasiUmumGetPayload<{
-  select: {
-    fasilitas: true;
-    alamat: true;
-    jamOperasional: true;
-  };
-}>;
+// Default form kosong
+const defaultForm = {
+  name: "",
+  informasiUmum: {
+    fasilitas: "",
+    alamat: "",
+    jamOperasional: "",
+  },
+  layananUnggulan: {
+    content: "",
+  },
+  dokterdanTenagaMedis: {
+    name: "",
+    specialist: "",
+    jadwal: "",
+  },
+  fasilitasPendukung: {
+    content: "",
+  },
+  prosedurPendaftaran: {
+    content: "",
+  },
+  tarifDanLayanan: {
+    layanan: "",
+    tarif: "",
+  },
+};
 
-const informasiumum = proxy({
+const fasilitasKesehatanState = proxy({
   create: {
-    form: {} as InfromasiUmum,
+    form: { ...defaultForm },
     loading: false,
-    async create() {
-      const cek = templateInformasiUmum.safeParse(informasiumum.create.form);
+    async submit() {
+      const cek = templateForm.safeParse(this.form);
       if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
+        const errMsg = cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n");
+        toast.error(errMsg);
+        return null;
       }
+
       try {
-        informasiumum.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.informasiumum["create"].post(
-          informasiumum.create.form
+        this.loading = true;
+        const payload = { ...this.form };
+
+        const res = await (ApiFetch.api.kesehatan as any)[
+          "fasilitas-kesehatan"
+        ].create.post(payload);
+
+        if (res.status === 200) {
+          toast.success("Berhasil menambahkan fasilitas kesehatan");
+          this.resetForm();
+          await fasilitasKesehatanState.findMany.load();
+          return res.data;
+        }
+      } catch (err: any) {
+        const msg = err?.message || "Terjadi kesalahan saat mengirim data";
+        toast.error(msg);
+        console.error("SUBMIT ERROR:", err);
+        return null;
+      } finally {
+        this.loading = false;
+      }
+    },
+    resetForm() {
+      this.form = { ...defaultForm };
+    },
+  },
+
+  findMany: {
+    data: null as
+      | Prisma.FasilitasKesehatanGetPayload<{
+          include: {
+            informasiumum: true;
+            layananunggulan: true;
+            dokterdantenagamedis: true;
+            fasilitaspendukung: true;
+            prosedurpendaftaran: true;
+            tarifdanlayanan: true;
+          };
+        }>[]
+      | null,
+    loading: false,
+    async load() {
+      try {
+        this.loading = true;
+        const res = await (ApiFetch.api.kesehatan as any)[
+          "fasilitas-kesehatan"
+        ]["find-many"].get();
+
+        if (res.status === 200) {
+          this.data = res.data?.data ?? [];
+        } else {
+          toast.error("Gagal memuat data fasilitas kesehatan");
+        }
+
+        return res;
+      } catch (err) {
+        toast.error("Terjadi error saat load data");
+        console.error("LOAD ERROR:", err);
+        throw err;
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.FasilitasKesehatanGetPayload<{
+      include: {
+        informasiumum: true;
+        layananunggulan: true;
+        dokterdantenagamedis: true;
+        fasilitaspendukung: true;
+        prosedurpendaftaran: true;
+        tarifdanlayanan: true;
+      };
+    }> | null,
+    loading: false,
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/fasilitas-kesehatan/${id}`);
+      if (res.ok) {
+        const data = await res.json();
+        fasilitasKesehatanState.findUnique.data = data.data ?? null;
+      } else {
+        toast.error("Gagal load data fasilitas kesehatan");
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/fasilitas-kesehatan/${id}`);
+      if (!res.ok) {
+        toast.error("Gagal load data fasilitas kesehatan");
+        return;
+      }
+
+      const result = await res.json();
+      const data = result.data;
+
+      fasilitasKesehatanState.edit.id = data.id;
+      fasilitasKesehatanState.edit.form = {
+        name: data.name,
+        informasiUmum: {
+          fasilitas: data.informasiumum.fasilitas,
+          alamat: data.informasiumum.alamat,
+          jamOperasional: data.informasiumum.jamOperasional,
+        },
+        layananUnggulan: {
+          content: data.layananunggulan.content,
+        },
+        dokterdanTenagaMedis: {
+          name: data.dokterdantenagamedis.name,
+          specialist: data.dokterdantenagamedis.specialist,
+          jadwal: data.dokterdantenagamedis.jadwal,
+        },
+        fasilitasPendukung: {
+          content: data.fasilitaspendukung.content,
+        },
+        prosedurPendaftaran: {
+          content: data.prosedurpendaftaran.content,
+        },
+        tarifDanLayanan: {
+          layanan: data.tarifdanlayanan.layanan,
+          tarif: data.tarifdanlayanan.tarif,
+        },
+      };
+    },
+    async submit() {
+      const cek = templateForm.safeParse(fasilitasKesehatanState.edit.form);
+      if (!cek.success) {
+        const errMsg = cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n");
+        toast.error(errMsg);
+        return null;
+      }
+
+      try {
+        fasilitasKesehatanState.edit.loading = true;
+        const payload = {
+          name: fasilitasKesehatanState.edit.form.name,
+          informasiUmum: {
+            fasilitas:
+              fasilitasKesehatanState.edit.form.informasiUmum.fasilitas,
+            alamat: fasilitasKesehatanState.edit.form.informasiUmum.alamat,
+            jamOperasional:
+              fasilitasKesehatanState.edit.form.informasiUmum.jamOperasional,
+          },
+          layananUnggulan: {
+            content: fasilitasKesehatanState.edit.form.layananUnggulan.content,
+          },
+          dokterdanTenagaMedis: {
+            name: fasilitasKesehatanState.edit.form.dokterdanTenagaMedis.name,
+            specialist:
+              fasilitasKesehatanState.edit.form.dokterdanTenagaMedis.specialist,
+            jadwal:
+              fasilitasKesehatanState.edit.form.dokterdanTenagaMedis.jadwal,
+          },
+          fasilitasPendukung: {
+            content:
+              fasilitasKesehatanState.edit.form.fasilitasPendukung.content,
+          },
+          prosedurPendaftaran: {
+            content:
+              fasilitasKesehatanState.edit.form.prosedurPendaftaran.content,
+          },
+          tarifDanLayanan: {
+            layanan: fasilitasKesehatanState.edit.form.tarifDanLayanan.layanan,
+            tarif: fasilitasKesehatanState.edit.form.tarifDanLayanan.tarif,
+          },
+        };
+
+        const res = await fetch(
+          `/api/kesehatan/fasilitas-kesehatan/${fasilitasKesehatanState.edit.id}`,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload),
+          }
         );
-        if (res.status === 200) {
-            informasiumum.findMany.load();
-            return toast.success("success create");
+
+        if (!res.ok) {
+          const error = await res.json();
+          throw new Error(error.message || "Update gagal");
         }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        informasiumum.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.InformasiUmumGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.
-      informasiumum["find-many"].get();
-      if (res.status === 200) {
-        informasiumum.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
 
-/* Layanan Unggulan */
-const templateLayananUnggulanForm = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-});
-
-type LayananUnggulan = Prisma.LayananUnggulanGetPayload<{
-  select: {
-    content: true;
-  };
-}>;
-
-const layananunggulan = proxy({
-  create: {
-    form: {} as LayananUnggulan,
-    loading: false,
-    async create() {
-      const cek = templateLayananUnggulanForm.safeParse(layananunggulan.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        layananunggulan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.layananunggulan["create"].post(
-          layananunggulan.create.form
+        toast.success("Berhasil update fasilitas kesehatan");
+        await fasilitasKesehatanState.findMany.load();
+        return true;
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Terjadi kesalahan saat update"
         );
-        if (res.status === 200) {
-          layananunggulan.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
+        return false;
       } finally {
-        layananunggulan.create.loading = false;
+        fasilitasKesehatanState.edit.loading = false;
       }
     },
-  },
-  findMany: {
-    data: null as
-      | Prisma.LayananUnggulanGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.
-      layananunggulan["find-many"].get();
-      if (res.status === 200) {
-        layananunggulan.findMany.data = res.data?.data ?? [];
-      }
+    resetForm() {
+      fasilitasKesehatanState.edit.id = "";
+      fasilitasKesehatanState.edit.form = { ...defaultForm };
     },
   },
-})
-/* ======================================================================= */  
-
-/* Dokter dan Tenaga Medis */
-const templateDokterdanTenagaMedis = z.object({
-  name: z.string().min(3, "Name minimal 3 karakter"),
-  specialist: z.string().min(3, "Specialist minimal 3 karakter"),
-  jadwal: z.string().min(3, "Jadwal minimal 3 karakter"),
-})
-
-type DokterdanTenagaMedis = Prisma.DokterdanTenagaMedisGetPayload<{
-  select: {
-    name: true;
-    specialist: true;
-    jadwal: true;
-  };
-}>;
-
-const dokterdantenagamedis = proxy({
-  create: {
-    form: {} as DokterdanTenagaMedis,
+  delete: {
     loading: false,
-    async create() {
-      const cek = templateDokterdanTenagaMedis.safeParse(dokterdantenagamedis.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
+    async byId(id: string){
       try {
-        dokterdantenagamedis.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.dokterdantenagamedis["create"].post(dokterdantenagamedis.create.form);
-        if (res.status === 200) {
-          dokterdantenagamedis.findMany.load();
-          return toast.success("success create");
+        fasilitasKesehatanState.delete.loading = true;
+        const res = await fetch(`/api/kesehatan/fasilitas-kesehatan/del/${id}`, {
+          method: "DELETE",
+        });
+
+        const result = await res.json();
+        if (res.ok && result.success) {
+          toast.success("Fasilitas kesehatan berhasil dihapus");
+          await fasilitasKesehatanState.findMany.load();
+        } else {
+          toast.error(result.message || "Gagal menghapus");
         }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
+      } catch {
+        toast.error("Terjadi kesalahan saat menghapus");
       } finally {
-        dokterdantenagamedis.create.loading = false;
+        fasilitasKesehatanState.delete.loading = false;
       }
-    },
+    }
   },
-  findMany: {
-    data: null as
-      | Prisma.DokterdanTenagaMedisGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.dokterdantenagamedis["find-many"].get();
-      if (res.status === 200) {
-        dokterdantenagamedis.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-})
-/* ======================================================================= */  
+});
 
-/* Fasilitas Pendukung */
-const templateFasilitasPendukung = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
-
-type FasilitasPendukung = Prisma.FasilitasPendukungGetPayload<{
-  select: {
-    content: true;
-  };
-}>;
-
-const fasilitaspendukung = proxy({
-  create: {
-    form: {} as FasilitasPendukung,
-    loading: false,
-    async create() {
-      const cek = templateFasilitasPendukung.safeParse(fasilitaspendukung.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        fasilitaspendukung.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.fasilitaspendukung["create"].post(fasilitaspendukung.create.form);
-        if (res.status === 200) {
-          fasilitaspendukung.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        fasilitaspendukung.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.FasilitasPendukungGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.
-      fasilitaspendukung["find-many"].get();
-      if (res.status === 200) {
-        fasilitaspendukung.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-})
-/* ======================================================================= */  
-
-/* Tarif dan Layanan */
-const templateTarifDanLayanan = z.object({
-  layanan: z.string().min(3, "Layanan minimal 3 karakter"),
-  tarif: z.string().min(3, "Tarif minimal 3 karakter"),
-})
-
-const tarifdanlayanan = proxy({
-  create: {
-    form: {} as Prisma.TarifDanLayananGetPayload<{ select: { layanan: true; tarif: true } }>,
-    loading: false,
-    async create() {
-      const cek = templateTarifDanLayanan.safeParse(tarifdanlayanan.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        tarifdanlayanan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.tarifdanlayanan["create"].post(tarifdanlayanan.create.form);
-        if (res.status === 200) {
-          tarifdanlayanan.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        tarifdanlayanan.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.TarifDanLayananGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.
-      tarifdanlayanan["find-many"].get();
-      if (res.status === 200) {
-        tarifdanlayanan.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-})
-/* ======================================================================= */  
-
-/* Prosedur Pendaftaran */
-const templateProsedurPendaftaran = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-})
-
-const prosedurpendaftaran = proxy({
-  create: {
-    form: {} as Prisma.ProsedurPendaftaranGetPayload<{ select: { content: true } }>,
-    loading: false,
-    async create() {
-      const cek = templateProsedurPendaftaran.safeParse(prosedurpendaftaran.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        prosedurpendaftaran.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.prosedurpendaftaran["create"].post(prosedurpendaftaran.create.form);
-        if (res.status === 200) {
-          prosedurpendaftaran.findMany.load();
-          return toast.success("success create"); 
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        prosedurpendaftaran.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.ProsedurPendaftaranGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.
-      prosedurpendaftaran["find-many"].get();
-      if (res.status === 200) {
-        prosedurpendaftaran.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-})
-
-const stateFasilitasKesehatan = proxy({
-  informasiumum,
-  layananunggulan,
-  dokterdantenagamedis,
-  fasilitaspendukung,
-  tarifdanlayanan,
-  prosedurpendaftaran
-})
-
-export default stateFasilitasKesehatan
+export default fasilitasKesehatanState;

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

@@ -6,7 +6,7 @@ import { z } from "zod";
 
 const templateGrafikKepuasan = z.object({
   label: z.string().min(2, "Label harus diisi"),
-  jumlah: z.string().min(2, "Jumlah harus diisi"),
+  jumlah: z.string().min(1, "Jumlah harus diisi"),
 });
 
 type GrafikKepuasan = Prisma.GrafikKepuasanGetPayload<{
@@ -31,24 +31,30 @@ const grafikkepuasan = proxy({
         const err = `[${cek.error.issues
           .map((v) => `${v.path.join(".")}`)
           .join("\n")}] required`;
-        return toast.error(err);
+        toast.error(err);
+        return null;
       }
       try {
         grafikkepuasan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.grafikkepuasan["create"].post(
-          grafikkepuasan.create.form
-        );
+        const res = await ApiFetch.api.kesehatan.grafikkepuasan["create"].post(grafikkepuasan.create.form);
+    
         if (res.status === 200) {
-          grafikkepuasan.create.form = {
-            label: "",
-            jumlah: ""
-          };
-          grafikkepuasan.findMany.load();
-          return toast.success("success create");
+          const id = res.data?.data?.id;
+          if (id) {
+            toast.success("Success create");
+            grafikkepuasan.create.form = {
+              label: "",
+              jumlah: "",
+            };
+            grafikkepuasan.findMany.load();
+            return id;
+          }
         }
-        return toast.error("failed create");
+        toast.error("failed create");
+        return null;
       } catch (error) {
         console.log((error as Error).message);
+        return null;
       } finally {
         grafikkepuasan.create.loading = false;
       }
@@ -67,10 +73,110 @@ const grafikkepuasan = proxy({
       }
     },
   },
+  findUnique: {
+    data: null as Prisma.GrafikKepuasanGetPayload<{
+       omit: { isActive: true } 
+      }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/kesehatan/grafikkepuasan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          grafikkepuasan.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch grafikkepuasan:", res.statusText);
+          grafikkepuasan.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching grafikkepuasan:", error);
+        grafikkepuasan.findUnique.data = null;
+      }
+    },
+  },
+  update: {
+    id: "",
+    form: {...defaultForm},
+    loading: false,
+    async byId() {
+    },
+  async submit() {
+    const id = this.id;
+    if (!id) {
+      toast.warn("ID tidak valid");
+      return null;
+    }
+    const cek = templateGrafikKepuasan.safeParse(grafikkepuasan.update.form);
+    if (!cek.success) {
+      const err = `[${cek.error.issues
+        .map((v) => `${v.path.join(".")}`)
+        .join("\n")}] required`;
+      return toast.error(err);
+    }
+    try {
+      this.loading = true;
+      const response = await fetch(`/api/kesehatan/grafikkepuasan/${id}`, {
+        method: "PUT",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(this.form),
+      });
+      const result = await response.json();
+
+      if (!response.ok || !result?.success) {
+        throw new Error(result?.message || "Gagal update data");
+      }
+
+      toast.success("Berhasil update data!");
+
+      // ✅ Optional: refresh list kalau kamu langsung ke halaman list
+      await grafikkepuasan.findMany.load();
+
+      return result.data;
+    } catch (error) {
+      console.error("Error update data:", error);
+      toast.error("Gagal update data grafik kepuasan");
+    } finally {
+      this.loading = false;
+    }
+  },
+},
+delete: {
+  loading: false,
+  async byId(id: string) {
+    if (!id) {
+      return toast.warn("ID tidak valid");
+    }
+    try {
+      grafikkepuasan.delete.loading = true;
+
+      const response = await fetch(`/api/kesehatan/grafikkepuasan/del/${id}`, {
+        method: "DELETE",
+        headers: {
+          "Content-Type": "application/json",
+        },
+      });
+
+      const result = await response.json();
+
+      if (response.ok && result?.success) {
+        toast.success(
+          result.message || "Grafik kepuasan berhasil dihapus"
+        );
+        await grafikkepuasan.findMany.load(); // refresh list
+      } else {
+        toast.error(
+          result?.message || "Gagal menghapus grafik kepuasan"
+        );
+      }
+    } catch (error) {
+      console.error("Gagal delete:", error);
+      toast.error("Terjadi kesalahan saat menghapus grafik kepuasan");
+    } finally {
+      grafikkepuasan.delete.loading = false;
+    }
+  }
+}
 });
 
-const stategrafikKepuasan = proxy({
-  grafikkepuasan,
-});
-
-export default stategrafikKepuasan;
+export default grafikkepuasan;

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

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -5,362 +6,307 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 /* Informasi Kegiatan */
-const templateInformasiKegiatan = z.object({
-  name: z.string().min(3, "Name minimal 3 karakter"),
-  tanggal: z.string().min(3, "Tanggal minimal 3 karakter"),
-  waktu: z.string().min(3, "Waktu minimal 3 karakter"),
-  lokasi: z.string().min(3, "Lokasi minimal 3 karakter"),
+const templateForm = z.object({
+  content: z.string().min(1, "Content minimal 1 karakter"),
+  informasiJadwalKegiatan: z.object({
+    name: z.string().min(1, "Name minimal 1 karakter"),
+    tanggal: z.string().min(1, "Tanggal minimal 1 karakter"),
+    waktu: z.string().min(1, "Waktu minimal 1 karakter"),
+    lokasi: z.string().min(1, "Lokasi minimal 1 karakter"),
+  }),
+  deskripsiJadwalKegiatan: z.object({
+    deskripsi: z.string().min(1, "Deskripsi minimal 1 karakter"),
+  }),
+  layananJadwalKegiatan: z.object({
+    content: z.string().min(1, "Content minimal 1 karakter"),
+  }),
+  syaratKetentuanJadwalKegiatan: z.object({
+    content: z.string().min(1, "Content minimal 1 karakter"),
+  }),
+  dokumenJadwalKegiatan: z.object({
+    content: z.string().min(1, "Content minimal 1 karakter"),
+  }),
+  pendaftaranJadwalKegiatan: z.object({
+    name: z.string().min(1, "Name minimal 1 karakter"),
+    tanggal: z.string().min(1, "Tanggal minimal 1 karakter"),
+    namaOrangtua: z.string().min(1, "Nama Orangtua minimal 1 karakter"),
+    nomor: z.string().min(1, "Nomor minimal 1 karakter"),
+    alamat: z.string().min(1, "Alamat minimal 1 karakter"),
+    catatan: z.string().min(1, "Catatan minimal 1 karakter"),
+  }),
 });
 
-type InformasiKegiatan = Prisma.InformasiJadwalKegiatanGetPayload<{
-  select: {
-    name: true;
-    tanggal: true;
-    waktu: true;
-    lokasi: true;
-  };
-}>;
+const defaultForm = {
+  content: "",
+  informasiJadwalKegiatan: {
+    name: "",
+    tanggal: "",
+    waktu: "",
+    lokasi: "",
+  },
+  deskripsiJadwalKegiatan: {
+    deskripsi: "",
+  },
+  layananJadwalKegiatan: {
+    content: "",
+  },
+  syaratKetentuanJadwalKegiatan: {
+    content: "",
+  },
+  dokumenJadwalKegiatan: {
+    content: "",
+  },
+  pendaftaranJadwalKegiatan: {
+    name: "",
+    tanggal: "",
+    namaOrangtua: "",
+    nomor: "",
+    alamat: "",
+    catatan: "",
+  },
+};
 
-const informasiKegiatan = proxy({
+const jadwalkegiatanState = proxy({
   create: {
-    form: {} as InformasiKegiatan,
+    form: { ...defaultForm },
     loading: false,
-    async create() {
-      const cek = templateInformasiKegiatan.safeParse(
-        informasiKegiatan.create.form
-      );
+    async submit() {
+      const cek = templateForm.safeParse(this.form);
       if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
+        const errMsg = cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n");
+        toast.error(errMsg);
+        return null;
       }
+
       try {
-        informasiKegiatan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.informasiJadwalKegiatan[
-          "create"
-        ].post(informasiKegiatan.create.form);
+        this.loading = true;
+        const payload = { ...this.form };
+
+        const res = await (ApiFetch.api.kesehatan as any)[
+          "jadwal-kegiatan"
+        ].create.post(payload);
+
         if (res.status === 200) {
-          informasiKegiatan.findMany.load();
-          return toast.success("success create");
+          toast.success("Berhasil menambahkan jadwal kegiatan");
+          this.resetForm();
+          await jadwalkegiatanState.findMany.load();
+          return res.data;
         }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
+      } catch (err: any) {
+        const msg = err?.message || "Terjadi kesalahan saat mengirim data";
+        toast.error(msg);
+        console.error("SUBMIT ERROR:", err);
+        return null;
       } finally {
-        informasiKegiatan.create.loading = false;
+        this.loading = false;
       }
     },
+    resetForm() {
+      this.form = { ...defaultForm };
+    },
   },
+
   findMany: {
     data: null as
-      | Prisma.InformasiJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
+      | Prisma.JadwalKegiatanGetPayload<{
+          include: {
+            informasijadwalkegiatan: true;
+            deskripsijadwalkegiatan: true;
+            layananjadwalkegiatan: true;
+            dokumenjadwalkegiatan: true;
+            pendaftaranjadwalkegiatan: true;
+          };
+        }>[]
       | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.informasiJadwalKegiatan[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        informasiKegiatan.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
-
-/* Deskripsi Kegiatan */
-const templateDeskripsiKegiatan = z.object({
-  deskripsi: z.string().min(3, "Content minimal 3 karakter"),
-});
-
-type DeskripsiKegiatan = Prisma.DeskripsiJadwalKegiatanGetPayload<{
-  select: { deskripsi: true };
-}>;
-
-const deskripsiKegiatan = proxy({
-  create: {
-    form: {} as DeskripsiKegiatan,
     loading: false,
-    async create() {
-      const cek = templateDeskripsiKegiatan.safeParse(
-        deskripsiKegiatan.create.form
-      );
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
+    async load() {
       try {
-        deskripsiKegiatan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.deskripsikegiatan[
-          "create"
-        ].post(deskripsiKegiatan.create.form);
+        this.loading = true;
+        const res = await (ApiFetch.api.kesehatan as any)[
+          "jadwal-kegiatan"
+        ]["find-many"].get();
+
         if (res.status === 200) {
-          deskripsiKegiatan.findMany.load();
-          return toast.success("success create");
+          this.data = res.data?.data ?? [];
+        } else {
+          toast.error("Gagal memuat data jadwal kegiatan");
         }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
+
+        return res;
+      } catch (err) {
+        toast.error("Terjadi error saat load data");
+        console.error("LOAD ERROR:", err);
+        throw err;
       } finally {
-        deskripsiKegiatan.create.loading = false;
+        this.loading = false;
       }
     },
   },
-  findMany: {
-    data: null as
-      | Prisma.DeskripsiJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.deskripsikegiatan[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        deskripsiKegiatan.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
-
-/* Layanan Tersedia */
-const templateLayananTersedia = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-});
-
-type LayananTersedia = Prisma.LayananJadwalKegiatanGetPayload<{
-  select: { content: true };
-}>;
-
-const layanantersedia = proxy({
-  create: {
-    form: {} as LayananTersedia,
+  findUnique: {
+    data: null as Prisma.JadwalKegiatanGetPayload<{
+      include: {
+        informasijadwalkegiatan: true;
+        deskripsijadwalkegiatan: true;
+        layananjadwalkegiatan: true;
+        syaratketentuanjadwalkegiatan: true;
+        dokumenjadwalkegiatan: true;
+        pendaftaranjadwalkegiatan: true;
+      };
+    }> | null,
     loading: false,
-    async create() {
-      const cek = templateLayananTersedia.safeParse(
-        layanantersedia.create.form
-      );
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/jadwal-kegiatan/${id}`);
+      if (res.ok) {
+        const data = await res.json();
+        jadwalkegiatanState.findUnique.data = data.data ?? null;
+      } else {
+        toast.error("Gagal load data jadwal kegiatan");
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/jadwal-kegiatan/${id}`);
+      if (!res.ok) {
+        toast.error("Gagal load data jadwal kegiatan");
+        return;
+      }
+
+      const result = await res.json();
+      const data = result.data;
+
+      jadwalkegiatanState.edit.id = data.id;
+      jadwalkegiatanState.edit.form = {
+        content: data.content,
+        informasiJadwalKegiatan: {
+          name: data.informasijadwalkegiatan.name,
+          tanggal: data.informasijadwalkegiatan.tanggal,
+          waktu: data.informasijadwalkegiatan.waktu,
+          lokasi: data.informasijadwalkegiatan.lokasi,
+        },
+        layananJadwalKegiatan: {
+          content: data.layananjadwalkegiatan.content,
+        },
+        deskripsiJadwalKegiatan: {
+          deskripsi: data.deskripsijadwalkegiatan.deskripsi,
+        },
+        syaratKetentuanJadwalKegiatan: {
+          content: data.syaratketentuanjadwalkegiatan.content,
+        },
+        dokumenJadwalKegiatan: {
+          content: data.dokumenjadwalkegiatan.content,
+        },
+        pendaftaranJadwalKegiatan: {
+          name: data.pendaftaranjadwalkegiatan.name,
+          tanggal: data.pendaftaranjadwalkegiatan.tanggal,
+          namaOrangtua: data.pendaftaranjadwalkegiatan.namaOrangtua,
+          nomor: data.pendaftaranjadwalkegiatan.nomor,
+          alamat: data.pendaftaranjadwalkegiatan.alamat,
+          catatan: data.pendaftaranjadwalkegiatan.catatan,
+        },
+      };
+    },
+    async submit() {
+      const cek = templateForm.safeParse(jadwalkegiatanState.edit.form);
       if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
+        const errMsg = cek.error.issues
+          .map((v) => `${v.path.join(".")}: ${v.message}`)
+          .join("\n");
+        toast.error(errMsg);
+        return null;
       }
+
       try {
-        layanantersedia.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.layanantersedia["create"].post(
-          layanantersedia.create.form
-        );
-        if (res.status === 200) {
-          layanantersedia.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        layanantersedia.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.LayananJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.layanantersedia[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        layanantersedia.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
+        jadwalkegiatanState.edit.loading = true;
+        const payload = {
+          content: jadwalkegiatanState.edit.form.content,
+          informasiJadwalKegiatan: {
+            name: jadwalkegiatanState.edit.form.informasiJadwalKegiatan.name,
+            tanggal: jadwalkegiatanState.edit.form.informasiJadwalKegiatan.tanggal,
+            waktu: jadwalkegiatanState.edit.form.informasiJadwalKegiatan.waktu,
+            lokasi: jadwalkegiatanState.edit.form.informasiJadwalKegiatan.lokasi,
+          },
+          layananJadwalKegiatan: {
+            content: jadwalkegiatanState.edit.form.layananJadwalKegiatan.content,
+          },
+          deskripsiJadwalKegiatan: {
+            deskripsi: jadwalkegiatanState.edit.form.deskripsiJadwalKegiatan.deskripsi,
+          },
+          syaratKetentuanJadwalKegiatan: {
+            content: jadwalkegiatanState.edit.form.syaratKetentuanJadwalKegiatan.content,
+          },
+          dokumenJadwalKegiatan: {
+            content: jadwalkegiatanState.edit.form.dokumenJadwalKegiatan.content,
+          },
+          pendaftaranJadwalKegiatan: {
+            name: jadwalkegiatanState.edit.form.pendaftaranJadwalKegiatan.name,
+            tanggal: jadwalkegiatanState.edit.form.pendaftaranJadwalKegiatan.tanggal,
+            namaOrangtua: jadwalkegiatanState.edit.form.pendaftaranJadwalKegiatan.namaOrangtua,
+            nomor: jadwalkegiatanState.edit.form.pendaftaranJadwalKegiatan.nomor,
+            alamat: jadwalkegiatanState.edit.form.pendaftaranJadwalKegiatan.alamat,
+            catatan: jadwalkegiatanState.edit.form.pendaftaranJadwalKegiatan.catatan,
+          },
+        };
 
-/* Syarat dan Ketentuan */
-const templateSyaratKetentuan = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-});
-
-type SyaratKetentuan = Prisma.SyaratKetentuanJadwalKegiatanGetPayload<{
-  select: { content: true };
-}>;
-
-const syaratketentuan = proxy({
-  create: {
-    form: {} as SyaratKetentuan,
-    loading: false,
-    async create() {
-      const cek = templateSyaratKetentuan.safeParse(
-       syaratketentuan.create.form
-      );
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-       syaratketentuan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.syaratketentuan[
-          "create"
-        ].post(syaratketentuan.create.form);
-        if (res.status === 200) {
-         syaratketentuan.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-       syaratketentuan.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.SyaratKetentuanJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.syaratketentuan[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        syaratketentuan.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
-
-/* Dokumen Yang Diperlukan */
-const templateDokumenDiperlukan = z.object({
-  content: z.string().min(3, "Content minimal 3 karakter"),
-});
-
-type DokumenDiperlukan = Prisma.DokumenJadwalKegiatanGetPayload<{
-  select: { content: true };
-}>;
-
-const dokumenjadwalkegiatan = proxy({
-  create: {
-    form: {} as DokumenDiperlukan,
-    loading: false,
-    async create() {
-      const cek = templateDokumenDiperlukan.safeParse(
-        dokumenjadwalkegiatan.create.form
-      );
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        dokumenjadwalkegiatan.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.dokumendiperlukan[
-          "create"
-        ].post(dokumenjadwalkegiatan.create.form);
-        if (res.status === 200) {
-          dokumenjadwalkegiatan.findMany.load();
-          return toast.success("success create");
-        }
-        return toast.error("failed create");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        dokumenjadwalkegiatan.create.loading = false;
-      }
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.DokumenJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
-      | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.dokumendiperlukan[
-        "find-many"
-      ].get();
-      if (res.status === 200) {
-        dokumenjadwalkegiatan.findMany.data = res.data?.data ?? [];
-      }
-    },
-  },
-});
-/* ======================================================================= */
-
-/* Pendaftaran */
-const templatePendaftaran = z.object({
-  name: z.string().min(3, "Nama minimal 3 karakter"),
-  tanggal: z.string().min(1),
-  namaOrangtua: z.string().min(3, "Nama minimal 3 karakter"),
-  nomor: z.string().min(9, "Nama minimal 9 karakter"),
-  alamat: z.string().min(7, "Alamat minimal 7 karakter"),
-  catatan: z.string().min(3, "Catatan minimal 3 karakter"),
-})
-
-type Pendaftaran = Prisma.PendaftaranJadwalKegiatanGetPayload<{
-  select: {
-    name: true;
-    tanggal: true;
-    namaOrangtua: true;
-    nomor: true;
-    alamat: true;
-    catatan: true;
-  }
-}>
-
-const pendaftaranjadwal = proxy({
-  create: {
-    form: {} as Pendaftaran,
-    loading: false,
-    async create() {
-      const cek = templatePendaftaran.safeParse(pendaftaranjadwal.create.form);
-      if(!cek.success) {
-        const err = `[${cek.error.issues
-        .map((v) => `${v.path.join(".")}`)
-        .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        pendaftaranjadwal.create.loading = true;
-        const res = await ApiFetch.api.kesehatan.pendaftaranJadwalKegiatan["create"].post(
-          pendaftaranjadwal.create.form);
-          if (res.status === 200) {
-            pendaftaranjadwal.findMany.load();
-            return toast.success("success create")
+        const res = await fetch(
+          `/api/kesehatan/jadwal-kegiatan/${jadwalkegiatanState.edit.id}`,
+          {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(payload),
           }
-          return toast.error("failed create")
-      } catch (error) {
-        console.log((error as Error).message)
+        );
+
+        if (!res.ok) {
+          const error = await res.json();
+          throw new Error(error.message || "Update gagal");
+        }
+
+        toast.success("Berhasil update jadwal kegiatan");
+        await jadwalkegiatanState.findMany.load();
+        return true;
+      } catch (err) {
+        toast.error(
+          err instanceof Error ? err.message : "Terjadi kesalahan saat update"
+        );
+        return false;
       } finally {
-        pendaftaranjadwal.create.loading = false;
+        jadwalkegiatanState.edit.loading = false;
+      }
+    },
+    resetForm() {
+      jadwalkegiatanState.edit.id = "";
+      jadwalkegiatanState.edit.form = { ...defaultForm };
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string){
+      try {
+        jadwalkegiatanState.delete.loading = true;
+        const res = await fetch(`/api/kesehatan/jadwal-kegiatan/del/${id}`, {
+          method: "DELETE",
+        });
+
+        const result = await res.json();
+        if (res.ok && result.success) {
+          toast.success("Jadwal kegiatan berhasil dihapus");
+          await jadwalkegiatanState.findMany.load();
+        } else {
+          toast.error(result.message || "Gagal menghapus");
+        }
+      } catch {
+        toast.error("Terjadi kesalahan saat menghapus");
+      } finally {
+        jadwalkegiatanState.delete.loading = false;
       }
     }
   },
-  findMany: {
-    data: null as
-    | Prisma.PendaftaranJadwalKegiatanGetPayload<{omit: {isActive: true}}>[]
-    | null,
-    async load() {
-      const res = await ApiFetch.api.kesehatan.
-      pendaftaranJadwalKegiatan["find-many"].get();
-      if(res.status === 200) {
-        pendaftaranjadwal.findMany.data = res.data?.data ?? [];
-      }
-    }
-  }
-})
-
-const stateJadwalKegiatan = proxy({
-  informasiKegiatan,
-  deskripsiKegiatan,
-  layanantersedia,
-  syaratketentuan,
-  dokumenjadwalkegiatan,
-  pendaftaranjadwal
 });
-export default stateJadwalKegiatan;
+
+export default jadwalkegiatanState;

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

@@ -6,9 +6,9 @@ import { z } from "zod";
 
 const templatePersentase = z.object({
   tahun: z.string().min(4, "Tahun harus diisi"),
-  kematianKasar: z.string().min(2, "Kematian kasar harus diisi"),
-  kelahiranKasar: z.string().min(2, "Kelahiran kasar harus diisi"),
-  kematianBayi: z.string().min(2, "Kematian bayi harus diisi"),
+  kematianKasar: z.string().min(1, "Kematian kasar harus diisi"),
+  kelahiranKasar: z.string().min(1, "Kelahiran kasar harus diisi"),
+  kematianBayi: z.string().min(1, "Kematian bayi harus diisi"),
 });
 
 type Persentase = Prisma.DataKematian_KelahiranGetPayload<{
@@ -37,34 +37,40 @@ const persentasekelahiran = proxy({
         const err = `[${cek.error.issues
           .map((v) => `${v.path.join(".")}`)
           .join("\n")}] required`;
-        return toast.error(err);
+        toast.error(err);
+        return null;
       }
       try {
         persentasekelahiran.create.loading = true;
         const res = await ApiFetch.api.kesehatan.persentasekelahiran[
           "create"
         ].post(persentasekelahiran.create.form);
+
         if (res.status === 200) {
-          persentasekelahiran.create.form = {
-            tahun: "",
-            kematianKasar: "",
-            kelahiranKasar: "",
-            kematianBayi: "",
-          };
-          persentasekelahiran.findMany.load();
-          return toast.success("success create");
+          const id = res.data?.data?.id;
+          if (id) {
+            toast.success("Success create");
+            persentasekelahiran.create.form = { ...defaultForm };
+            persentasekelahiran.findMany.load();
+            return id;
+          }
         }
-        return toast.error("failed create");
+        toast.error("failed create");
+        return null;
       } catch (error) {
         console.log((error as Error).message);
+        return null;
       } finally {
         persentasekelahiran.create.loading = false;
       }
     },
   },
+
   findMany: {
     data: null as
-      | Prisma.DataKematian_KelahiranGetPayload<{ omit: { isActive: true } }>[]
+      | Prisma.DataKematian_KelahiranGetPayload<{
+          omit: { isActive: true };
+        }>[]
       | null,
     async load() {
       const res = await ApiFetch.api.kesehatan.persentasekelahiran[
@@ -75,10 +81,122 @@ const persentasekelahiran = proxy({
       }
     },
   },
+
+  findUnique: {
+    data: null as Prisma.DataKematian_KelahiranGetPayload<{
+      omit: { isActive: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/kesehatan/persentasekelahiran/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          persentasekelahiran.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch persentasekelahiran:", res.statusText);
+          persentasekelahiran.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching persentasekelahiran:", error);
+        persentasekelahiran.findUnique.data = null;
+      }
+    },
+  },
+
+  update: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+    async submit() {
+      const id = this.id;
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      const formData = {
+        tahun: this.form.tahun,
+        kematianKasar: this.form.kematianKasar,
+        kelahiranKasar: this.form.kelahiranKasar,
+        kematianBayi: this.form.kematianBayi,
+      };
+
+      const cek = templatePersentase.safeParse(formData);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        toast.error(err);
+        return null;
+      }
+
+      try {
+        this.loading = true;
+        const res = await fetch(`/api/kesehatan/persentasekelahiran/${id}`, {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          body: JSON.stringify(formData),
+        });
+
+        const result = await res.json();
+
+        if (!res.ok || !result?.success) {
+          throw new Error(result?.message || "Gagal update data");
+        }
+
+        toast.success("Berhasil update data!");
+        await persentasekelahiran.findMany.load();
+        return result.data;
+      } catch (error) {
+        console.error("Update error:", error);
+        toast.error("Gagal update data persentase kelahiran");
+        throw error;
+      } finally {
+        this.loading = false;
+      }
+    },
+  },
+
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        persentasekelahiran.delete.loading = true;
+
+        const response = await fetch(
+          `/api/kesehatan/persentasekelahiran/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(
+            result.message || "Persentase kelahiran berhasil dihapus"
+          );
+          await persentasekelahiran.findMany.load();
+        } else {
+          toast.error(
+            result?.message || "Gagal menghapus persentase kelahiran"
+          );
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus persentase kelahiran");
+      } finally {
+        persentasekelahiran.delete.loading = false;
+      }
+    },
+  },
 });
 
-const statePersentase = proxy({
-  persentasekelahiran,
-});
-
-export default statePersentase;
+export default persentasekelahiran;

src/app/admin/(dashboard)/_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit.ts

@@ -0,0 +1,214 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  name: z.string().min(3, "Judul minimal 3 karakter"),
+  deskripsiSingkat: z.string().min(3, "Deskripsi singkat minimal 3 karakter"),
+  deskripsiLengkap: z.string().min(3, "Deskripsi lengkap minimal 3 karakter"),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  name: "",
+  deskripsiSingkat: "",
+  deskripsiLengkap: "",
+  imageId: "",
+};
+
+const infoWabahPenyakit = proxy({
+  findMany: {
+    data: [] as Prisma.InfoWabahPenyakitGetPayload<{
+      include: {
+        image: true;
+      };
+    }>[],
+    async load() {
+      const res = await ApiFetch.api.kesehatan.infowabahpenyakit[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        infoWabahPenyakit.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(infoWabahPenyakit.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        infoWabahPenyakit.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.infowabahpenyakit[
+          "create"
+        ].post(infoWabahPenyakit.create.form);
+        if (res.status === 200) {
+          infoWabahPenyakit.findMany.load();
+          return toast.success("Info wabah penyakit berhasil disimpan!");
+        }
+
+        return toast.error("Gagal menyimpan info wabah penyakit");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        infoWabahPenyakit.create.loading = false;
+      }
+    },
+    resetForm() {
+      infoWabahPenyakit.create.form = { ...defaultForm };
+    },
+  },
+  findUnique: {
+    data: null as Prisma.InfoWabahPenyakitGetPayload<{
+      include: {
+        image: true;
+      };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/kesehatan/infowabahpenyakit/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          infoWabahPenyakit.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch info wabah penyakit:", res.statusText);
+          infoWabahPenyakit.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching info wabah penyakit:", error);
+        infoWabahPenyakit.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        infoWabahPenyakit.delete.loading = true;
+
+        const response = await fetch(`/api/kesehatan/infowabahpenyakit/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Info wabah penyakit berhasil dihapus");
+          await infoWabahPenyakit.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus info wabah penyakit");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus info wabah penyakit");
+      } finally {
+        infoWabahPenyakit.delete.loading = false;
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/kesehatan/infowabahpenyakit/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            name: data.name,
+            deskripsiSingkat: data.deskripsiSingkat,
+            deskripsiLengkap: data.deskripsiLengkap,
+            imageId: data.imageId,
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error fetching info wabah penyakit:", error);
+        toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+        return null;
+      }
+    },
+
+    async update() {
+        const cek = templateForm.safeParse(infoWabahPenyakit.edit.form);
+        if (!cek.success) {
+            const err = `[${cek.error.issues
+                .map((v) => `${v.path.join(".")}`)
+                .join("\n")}] required`;
+            return toast.error(err);
+        }
+
+        try {
+            infoWabahPenyakit.edit.loading = true;
+            const response = await fetch(`/api/kesehatan/infowabahpenyakit/${this.id}`, {
+                method: "PUT",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    name: this.form.name,
+                    deskripsiSingkat: this.form.deskripsiSingkat,
+                    deskripsiLengkap: this.form.deskripsiLengkap,
+                    imageId: this.form.imageId,
+                }),
+            });
+            if (!response.ok) {
+                const errorData = await response.json().catch(() => ({}));
+                throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            if (result.success) {
+                toast.success(result.message || "Info wabah penyakit berhasil diupdate");
+                await infoWabahPenyakit.findMany.load();  
+                return true;
+            } else {
+                throw new Error(result.message || "Gagal update info wabah penyakit");
+            }
+        } catch (error) {
+            console.error("Gagal update:", error);
+            toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat mengupdate info wabah penyakit");
+            return false;
+        } finally {
+            infoWabahPenyakit.edit.loading = false;
+        }
+    },
+    reset() {
+        infoWabahPenyakit.edit.id = "";
+        infoWabahPenyakit.edit.form = { ...defaultForm };
+    },
+  },
+});
+
+export default infoWabahPenyakit;

src/app/admin/(dashboard)/_state/kesehatan/kontak-darurat/kontakDarurat.ts

@@ -0,0 +1,208 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+    name: z.string().min(3, "Judul minimal 3 karakter"),
+    deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+    imageId: z.string().nonempty(),
+})
+
+const defaultForm = {
+    name: "",
+    deskripsi: "",
+    imageId: "",
+}
+
+const kontakDarurat = proxy({
+    findMany: {
+        data: [] as Prisma.KontakDaruratGetPayload<{
+            include: {
+                image: true;
+            };
+        }>[],
+        async load() {
+            const res = await ApiFetch.api.kesehatan.kontakdarurat[
+                "find-many"
+            ].get();
+            if (res.status === 200) {
+                kontakDarurat.findMany.data = res.data?.data ?? [];
+            }
+        },
+    },
+    create:{
+        form: {...defaultForm},
+        loading: false,
+        async create() {
+            const cek = templateForm.safeParse(kontakDarurat.create.form);
+            if (!cek.success) {
+                const err = `[${cek.error.issues
+                    .map((v) => `${v.path.join(".")}`)
+                    .join("\n")}] required`;
+                return toast.error(err);
+            }
+
+            try {
+                kontakDarurat.create.loading = true;
+                const res = await ApiFetch.api.kesehatan.kontakdarurat[
+                    "create"
+                ].post(kontakDarurat.create.form);
+                if (res.status === 200) {
+                    kontakDarurat.findMany.load();
+                    return toast.success("Kontak Darurat berhasil disimpan!");
+                }
+
+                return toast.error("Gagal menyimpan kontak darurat");
+            } catch (error) {
+                console.log((error as Error).message);
+            } finally {
+                kontakDarurat.create.loading = false;
+            }
+        },
+        resetForm() {
+            kontakDarurat.create.form = {...defaultForm};
+        }
+    },
+    findUnique: {
+        data: null as Prisma.KontakDaruratGetPayload<{
+            include: {
+                image: true;
+            };
+        }> | null,
+        async load(id: string) {
+           try {
+            const res = await fetch(`/api/kesehatan/kontakdarurat/${id}`);
+            if (res.ok) {
+                const data = await res.json();
+                kontakDarurat.findUnique.data = data.data ?? null;
+            } else {
+                console.error("Failed to fetch data", res.status, res.statusText);
+                kontakDarurat.findUnique.data = null;
+            }
+           } catch (error) {
+            console.error("Error fetching data:", error);
+            kontakDarurat.findUnique.data = null;
+           }
+        },
+    },
+    delete: {
+        loading: false,
+        async byId(id: string) {
+          try {
+            kontakDarurat.delete.loading = true;
+            const response = await fetch(`/api/kesehatan/kontakdarurat/del/${id}`, {
+              method: 'DELETE',
+              headers: {
+                'Content-Type': 'application/json',
+              },
+            });
+            
+            const result = await response.json();
+            
+            if (response.ok && result?.success) {
+              toast.success(result.message || "Kontak darurat berhasil dihapus");
+              await kontakDarurat.findMany.load(); // refresh list
+            } else {
+              toast.error(result?.message || "Gagal menghapus kontak darurat");
+            }
+          } catch (error) {
+            console.error("Gagal delete:", error);
+            toast.error("Terjadi kesalahan saat menghapus kontak darurat");
+          } finally {
+            kontakDarurat.delete.loading = false;
+          }
+        }
+      },
+    edit: {
+        id: "",
+        form: { ...defaultForm },
+        loading: false,
+    
+        async load(id: string) {
+          if (!id) {
+            toast.warn("ID tidak valid");
+            return null;
+          }
+    
+          try {
+            const response = await fetch(`/api/kesehatan/kontakdarurat/${id}`, {
+              method: "GET",
+              headers: {
+                "Content-Type": "application/json",
+              },
+            });
+            if (!response.ok) {
+              throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            if (result?.success) {
+              const data = result.data;
+              this.id = data.id;
+              this.form = {
+                name: data.name,
+                deskripsi: data.deskripsi,
+                imageId: data.imageId,
+              };
+              return data; // Return the loaded data
+            } else {
+              throw new Error(result?.message || "Gagal memuat data");
+            }
+          } catch (error) {
+            console.error("Error fetching kontak darurat:", error);
+            toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+            return null;
+          }
+        },
+    
+        async update() {
+            const cek = templateForm.safeParse(kontakDarurat.edit.form);
+            if (!cek.success) {
+                const err = `[${cek.error.issues
+                    .map((v) => `${v.path.join(".")}`)
+                    .join("\n")}] required`;
+                return toast.error(err);
+            }
+    
+            try {
+                kontakDarurat.edit.loading = true;
+                const response = await fetch(`/api/kesehatan/kontakdarurat/${this.id}`, {
+                    method: "PUT",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify({
+                        name: this.form.name,
+                        deskripsi: this.form.deskripsi,
+                        imageId: this.form.imageId,
+                    }),
+                });
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+                }
+                const result = await response.json();
+                if (result.success) {
+                    toast.success(result.message || "Kontak darurat berhasil diupdate");
+                    await kontakDarurat.findMany.load();  
+                    return true;
+                } else {
+                    throw new Error(result.message || "Gagal update kontak darurat");
+                }
+            } catch (error) {
+                console.error("Gagal update:", error);
+                toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat mengupdate kontak darurat");
+                return false;
+            } finally {
+                kontakDarurat.edit.loading = false;
+            }
+        },
+        reset() {
+            kontakDarurat.edit.id = "";
+            kontakDarurat.edit.form = { ...defaultForm };
+        },
+      },
+});
+
+export default kontakDarurat

src/app/admin/(dashboard)/_state/kesehatan/penanganan-darurat/penangananDarurat.ts

@@ -0,0 +1,208 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+    name: z.string().min(3, "Judul minimal 3 karakter"),
+    deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+    imageId: z.string().nonempty(),
+})
+
+const defaultForm = {
+    name: "",
+    deskripsi: "",
+    imageId: "",
+}
+
+const penangananDarurat = proxy({
+    findMany: {
+        data: [] as Prisma.PenangananDaruratGetPayload<{
+            include: {
+                image: true;
+            };
+        }>[],
+        async load() {
+            const res = await ApiFetch.api.kesehatan.penanganandarurat[
+                "find-many"
+            ].get();
+            if (res.status === 200) {
+                penangananDarurat.findMany.data = res.data?.data ?? [];
+            }
+        },
+    },
+    create:{
+        form: {...defaultForm},
+        loading: false,
+        async create() {
+            const cek = templateForm.safeParse(penangananDarurat.create.form);
+            if (!cek.success) {
+                const err = `[${cek.error.issues
+                    .map((v) => `${v.path.join(".")}`)
+                    .join("\n")}] required`;
+                return toast.error(err);
+            }
+
+            try {
+                penangananDarurat.create.loading = true;
+                const res = await ApiFetch.api.kesehatan.penanganandarurat[
+                    "create"
+                ].post(penangananDarurat.create.form);
+                if (res.status === 200) {
+                    penangananDarurat.findMany.load();
+                    return toast.success("Penanganan Darurat berhasil disimpan!");
+                }
+
+                return toast.error("Gagal menyimpan penanganan darurat");
+            } catch (error) {
+                console.log((error as Error).message);
+            } finally {
+                penangananDarurat.create.loading = false;
+            }
+        },
+        resetForm() {
+            penangananDarurat.create.form = {...defaultForm};
+        }
+    },
+    findUnique: {
+        data: null as Prisma.PenangananDaruratGetPayload<{
+            include: {
+                image: true;
+            };
+        }> | null,
+        async load(id: string) {
+           try {
+            const res = await fetch(`/api/kesehatan/penanganandarurat/${id}`);
+            if (res.ok) {
+                const data = await res.json();
+                penangananDarurat.findUnique.data = data.data ?? null;
+            } else {
+                console.error("Failed to fetch data", res.status, res.statusText);
+                penangananDarurat.findUnique.data = null;
+            }
+           } catch (error) {
+            console.error("Error fetching data:", error);
+            penangananDarurat.findUnique.data = null;
+           }
+        },
+    },
+    delete: {
+        loading: false,
+        async byId(id: string) {
+          try {
+            penangananDarurat.delete.loading = true;
+            const response = await fetch(`/api/kesehatan/penanganandarurat/del/${id}`, {
+              method: 'DELETE',
+              headers: {
+                'Content-Type': 'application/json',
+              },
+            });
+            
+            const result = await response.json();
+            
+            if (response.ok && result?.success) {
+              toast.success(result.message || "Penanganan darurat berhasil dihapus");
+              await penangananDarurat.findMany.load(); // refresh list
+            } else {
+              toast.error(result?.message || "Gagal menghapus penanganan darurat");
+            }
+          } catch (error) {
+            console.error("Gagal delete:", error);
+            toast.error("Terjadi kesalahan saat menghapus penanganan darurat");
+          } finally {
+            penangananDarurat.delete.loading = false;
+          }
+        }
+      },
+    edit: {
+        id: "",
+        form: { ...defaultForm },
+        loading: false,
+    
+        async load(id: string) {
+          if (!id) {
+            toast.warn("ID tidak valid");
+            return null;
+          }
+    
+          try {
+            const response = await fetch(`/api/kesehatan/penanganandarurat/${id}`, {
+              method: "GET",
+              headers: {
+                "Content-Type": "application/json",
+              },
+            });
+            if (!response.ok) {
+              throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            if (result?.success) {
+              const data = result.data;
+              this.id = data.id;
+              this.form = {
+                name: data.name,
+                deskripsi: data.deskripsi,
+                imageId: data.imageId,
+              };
+              return data; // Return the loaded data
+            } else {
+              throw new Error(result?.message || "Gagal memuat data");
+            }
+          } catch (error) {
+            console.error("Error fetching penanganan darurat:", error);
+            toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+            return null;
+          }
+        },
+    
+        async update() {
+            const cek = templateForm.safeParse(penangananDarurat.edit.form);
+            if (!cek.success) {
+                const err = `[${cek.error.issues
+                    .map((v) => `${v.path.join(".")}`)
+                    .join("\n")}] required`;
+                return toast.error(err);
+            }
+    
+            try {
+                penangananDarurat.edit.loading = true;
+                const response = await fetch(`/api/kesehatan/penanganandarurat/${this.id}`, {
+                    method: "PUT",
+                    headers: {
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify({
+                        name: this.form.name,
+                        deskripsi: this.form.deskripsi,
+                        imageId: this.form.imageId,
+                    }),
+                });
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+                }
+                const result = await response.json();
+                if (result.success) {
+                    toast.success(result.message || "Penanganan darurat berhasil diupdate");
+                    await penangananDarurat.findMany.load();  
+                    return true;
+                } else {
+                    throw new Error(result.message || "Gagal update penanganan darurat");
+                }
+            } catch (error) {
+                console.error("Gagal update:", error);
+                toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat mengupdate penanganan darurat");
+                return false;
+            } finally {
+                penangananDarurat.edit.loading = false;
+            }
+        },
+        reset() {
+            penangananDarurat.edit.id = "";
+            penangananDarurat.edit.form = { ...defaultForm };
+        },
+      },
+});
+
+export default penangananDarurat

src/app/admin/(dashboard)/_state/kesehatan/posyandu/posyandu.ts

@@ -0,0 +1,217 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  name: z.string().min(1, { message: "Name is required" }),
+  nomor: z.string().min(1, { message: "Nomor is required" }),
+  deskripsi: z.string().min(1, { message: "Deskripsi is required" }),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  name: "",
+  nomor: "",
+  deskripsi: "",
+  imageId: "",
+};
+
+const posyandustate = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+        const cek = templateForm.safeParse(posyandustate.create.form);
+        if (!cek.success) {
+            const err = `[${cek.error.issues
+                .map((v) => `${v.path.join(".")}`)
+                .join("\n")}] required`;
+            return toast.error(err);
+        }
+
+        try {
+            posyandustate.create.loading = true;
+            const res = await ApiFetch.api.kesehatan.posyandu["create"].post(posyandustate.create.form);
+            if (res.status === 200) {
+                posyandustate.findMany.load();
+                return toast.success("Posyandu berhasil disimpan!");
+            }
+            return toast.error("Gagal menyimpan posyandu");
+        } catch (error) {
+            console.log((error as Error).message);
+        } finally {
+            posyandustate.create.loading = false;
+        }
+    },
+    resetForm(){
+        posyandustate.create.form = { ...defaultForm };
+    }
+  },
+  findMany: {
+    data: null as 
+    | Prisma.PosyanduGetPayload<{
+        include: {
+            image: true;
+        }
+    }>[]
+    | null,
+    async load() {
+        const res = await ApiFetch.api.kesehatan.posyandu["find-many"].get();
+        if (res.status === 200) {
+            posyandustate.findMany.data = res.data?.data ?? [];
+        }
+    }
+  },
+  findUnique: {
+    data: null as 
+    | Prisma.PosyanduGetPayload<{
+        include: {
+            image: true;
+        }
+    }> | null,
+    async load(id: string) {
+        try {
+            const res = await fetch(`/api/kesehatan/posyandu/${id}`);
+            if (res.ok) {
+                const data = await res.json();
+                posyandustate.findUnique.data = data.data ?? null;
+            } else {
+                console.error("Failed to fetch posyandu:", res.statusText);
+                posyandustate.findUnique.data = null;
+            }
+        } catch (error) {
+            console.error("Error fetching posyandu:", error);
+            posyandustate.findUnique.data = null;
+        }
+    }
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      try {
+        posyandustate.delete.loading = true;
+        const response = await fetch(`/api/kesehatan/posyandu/del/${id}`, {
+          method: 'DELETE',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
+        
+        const result = await response.json();
+        
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Posyandu berhasil dihapus");
+          await posyandustate.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus posyandu");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus posyandu");
+      } finally {
+        posyandustate.delete.loading = false;
+      }
+    }
+  },
+  edit: {
+    id: "",
+    form: {...defaultForm},
+    loading: false,
+
+    async load(id: string) {
+        if(!id){
+            toast.warn("ID tidak valid");
+            return null;
+        }
+
+        try {
+            const response = await fetch(`/api/kesehatan/posyandu/${id}`, {
+                method: 'GET',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            });
+            
+            if(!response.ok){
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            
+            const result = await response.json();
+            
+            if(result?.success){
+                const data = result.data;
+                this.id = data.id;
+                this.form = {
+                    name: data.name,
+                    nomor: data.nomor,
+                    deskripsi: data.deskripsi,
+                    imageId: data.imageId || "",
+                };
+                return data;
+            } else {
+                throw new Error(result?.message || "Gagal memuat data");
+            }
+        } catch (error) {
+            console.error("Error fetching posyandu:", error);
+            toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+            return null;
+        }
+    },
+    async update() {
+        const cek = templateForm.safeParse(posyandustate.edit.form);
+        if(!cek.success){
+            const err = `[${cek.error.issues
+                .map((v) => `${v.path.join(".")}`)
+                .join("\n")}] required`;
+            toast.error(err);
+            return false;
+        }
+
+        try {
+            posyandustate.edit.loading = true;
+            const response = await fetch(`/api/kesehatan/posyandu/${this.id}`, {
+                method: 'PUT',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    name: this.form.name,
+                    nomor: this.form.nomor,
+                    deskripsi: this.form.deskripsi,
+                    imageId: this.form.imageId,
+                }),
+            });
+            
+            if(!response.ok){
+                const errorData = await response.json().catch(() => ({}));
+                throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+            }
+            
+            const result = await response.json();
+            
+            if(result.success){
+                toast.success(result.message || "Posyandu berhasil diperbarui");
+                await posyandustate.findMany.load(); // refresh list
+                return true;
+            } else {
+                throw new Error(result.message || "Gagal memuat data");
+            }
+        } catch (error) {
+            console.error("Error fetching posyandu:", error);
+            toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+            return false;
+        } finally {
+            posyandustate.edit.loading = false;
+        }
+    },
+
+    reset() {
+        posyandustate.edit.id = "";
+        posyandustate.edit.form = {...defaultForm};
+    }
+  }
+})
+
+export default posyandustate;

src/app/admin/(dashboard)/_state/kesehatan/program-kesehatan/programKesehatan.ts

@@ -0,0 +1,214 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  name: z.string().min(3, "Judul minimal 3 karakter"),
+  deskripsiSingkat: z.string().min(3, "Deskripsi singkat minimal 3 karakter"),
+  deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+  imageId: z.string().nonempty(),
+});
+
+const defaultForm = {
+  name: "",
+  deskripsiSingkat: "",
+  deskripsi: "",
+  imageId: "",
+};
+
+const programKesehatan = proxy({
+  findMany: {
+    data: [] as Prisma.ProgramKesehatanGetPayload<{
+      include: {
+        image: true;
+      };
+    }>[],
+    async load() {
+      const res = await ApiFetch.api.kesehatan.programkesehatan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        programKesehatan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(programKesehatan.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        programKesehatan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.programkesehatan[
+          "create"
+        ].post(programKesehatan.create.form);
+        if (res.status === 200) {
+          programKesehatan.findMany.load();
+          return toast.success("Program Kesehatan berhasil disimpan!");
+        }
+
+        return toast.error("Gagal menyimpan program kesehatan");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        programKesehatan.create.loading = false;
+      }
+    },
+    resetForm() {
+      programKesehatan.create.form = { ...defaultForm };
+    },
+  },
+  findUnique: {
+    data: null as Prisma.ProgramKesehatanGetPayload<{
+      include: {
+        image: true;
+      };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/kesehatan/programkesehatan/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          programKesehatan.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch program kesehatan:", res.statusText);
+          programKesehatan.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching program kesehatan:", error);
+        programKesehatan.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        programKesehatan.delete.loading = true;
+
+        const response = await fetch(`/api/kesehatan/programkesehatan/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Program kesehatan berhasil dihapus");
+          await programKesehatan.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus program kesehatan");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus program kesehatan");
+      } finally {
+        programKesehatan.delete.loading = false;
+      }
+    },
+  },
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      if (!id) {
+        toast.warn("ID tidak valid");
+        return null;
+      }
+
+      try {
+        const response = await fetch(`/api/kesehatan/programkesehatan/${id}`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const result = await response.json();
+        if (result?.success) {
+          const data = result.data;
+          this.id = data.id;
+          this.form = {
+            name: data.name,
+            deskripsiSingkat: data.deskripsiSingkat,
+            deskripsi: data.deskripsi,
+            imageId: data.imageId,
+          };
+          return data; // Return the loaded data
+        } else {
+          throw new Error(result?.message || "Gagal memuat data");
+        }
+      } catch (error) {
+        console.error("Error fetching program kesehatan:", error);
+        toast.error(error instanceof Error ? error.message : "Gagal memuat data");
+        return null;
+      }
+    },
+
+    async update() {
+        const cek = templateForm.safeParse(programKesehatan.edit.form);
+        if (!cek.success) {
+            const err = `[${cek.error.issues
+                .map((v) => `${v.path.join(".")}`)
+                .join("\n")}] required`;
+            return toast.error(err);
+        }
+
+        try {
+            programKesehatan.edit.loading = true;
+            const response = await fetch(`/api/kesehatan/programkesehatan/${this.id}`, {
+                method: "PUT",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    name: this.form.name,
+                    deskripsiSingkat: this.form.deskripsiSingkat,
+                    deskripsi: this.form.deskripsi,
+                    imageId: this.form.imageId,
+                }),
+            });
+            if (!response.ok) {
+                const errorData = await response.json().catch(() => ({}));
+                throw new Error(errorData.message || `HTTP error! status: ${response.status}`);
+            }
+            const result = await response.json();
+            if (result.success) {
+                toast.success(result.message || "Program kesehatan berhasil diupdate");
+                await programKesehatan.findMany.load();  
+                return true;
+            } else {
+                throw new Error(result.message || "Gagal update program kesehatan");
+            }
+        } catch (error) {
+            console.error("Gagal update:", error);
+            toast.error(error instanceof Error ? error.message : "Terjadi kesalahan saat mengupdate program kesehatan");
+            return false;
+        } finally {
+            programKesehatan.edit.loading = false;
+        }
+    },
+    reset() {
+        programKesehatan.edit.id = "";
+        programKesehatan.edit.form = { ...defaultForm };
+    },
+  },
+});
+
+export default programKesehatan;

src/app/admin/(dashboard)/_state/kesehatan/puskesmas/puskesmas.ts

@@ -0,0 +1,298 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+// Validasi form
+const templateForm = z.object({
+  name: z.string().min(1),
+  alamat: z.string().min(1),
+  imageId: z.string().min(1),
+  jam: z.object({
+    workDays: z.string().min(1),
+    weekDays: z.string().min(1),
+    holiday: z.string().min(1),
+  }),
+  kontak: z.object({
+    kontakPuskesmas: z.string().min(1),
+    email: z.string().min(1),
+    facebook: z.string().min(1),
+    kontakUGD: z.string().min(1),
+  }),
+});
+
+// Default form
+const defaultForm = {
+  name: "",
+  alamat: "",
+  imageId: "",
+  jam: {
+    workDays: "",
+    weekDays: "",
+    holiday: "",
+  },
+  kontak: {
+    kontakPuskesmas: "",
+    email: "",
+    facebook: "",
+    kontakUGD: "",
+  },
+  image: undefined,
+};
+
+const puskesmasState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async submit() {
+      const cek = templateForm.safeParse(puskesmasState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues.map((v) => v.path.join(".")).join(", ")}] required`;
+        return toast.error(err);
+      }
+
+      try {
+        puskesmasState.create.loading = true;
+
+        console.log('Form data:', puskesmasState.create.form);
+        interface ErrorResponse {
+          message?: string;
+          error?: string;
+          errors?: Record<string, string[]>;
+        }
+
+        const payload = {
+            name: puskesmasState.create.form.name,
+            alamat: puskesmasState.create.form.alamat,
+            imageId: puskesmasState.create.form.imageId,
+            jam: {
+              workDays: puskesmasState.create.form.jam.workDays,
+              weekDays: puskesmasState.create.form.jam.weekDays,
+              holiday: puskesmasState.create.form.jam.holiday,
+            },
+            kontak: {
+              kontakPuskesmas: puskesmasState.create.form.kontak.kontakPuskesmas,
+              email: puskesmasState.create.form.kontak.email,
+              facebook: puskesmasState.create.form.kontak.facebook,
+              kontakUGD: puskesmasState.create.form.kontak.kontakUGD,
+            },
+          };
+          
+          
+          
+
+        console.log('Sending payload:', JSON.stringify(payload, null, 2));
+
+        try {
+          const res = await ApiFetch.api.kesehatan.puskesmas.create.post(payload);
+          console.log('API Response:', res);
+
+          if (res.status === 200) {
+            await puskesmasState.findMany.load();
+            toast.success("Berhasil menambahkan puskesmas");
+            return res;
+          } else {
+            console.error('API Error Response:', {
+              status: res.status,
+              data: res.data
+            });
+            
+            const errorData = res.data as ErrorResponse;
+            let errorMessage = 'Gagal menambahkan puskesmas';
+            
+            if (errorData?.message) {
+              errorMessage = errorData.message;
+            } else if (errorData?.error) {
+              errorMessage = errorData.error;
+            } else if (errorData?.errors) {
+              errorMessage = Object.entries(errorData.errors)
+                .map(([field, messages]) => `${field}: ${Array.isArray(messages) ? messages.join(', ') : messages}`)
+                .join('; ');
+            }
+            
+            console.error('Extracted error message:', errorMessage);
+            toast.error(errorMessage);
+            throw new Error(errorMessage);
+          }
+        } catch (error) {
+          console.error('Error in API call:', {
+            error,
+            errorString: String(error),
+            jsonError: error instanceof Error ? {
+              name: error.name,
+              message: error.message,
+              stack: error.stack
+            } : 'Not an Error instance'
+          });
+          throw error;
+        }
+      } catch (error) {
+        console.error("Error in puskesmas submit:", {
+          error,
+          errorString: String(error),
+          errorType: typeof error,
+          isErrorInstance: error instanceof Error,
+          errorDetails: error instanceof Error ? {
+            name: error.name,
+            message: error.message,
+            stack: error.stack,
+            cause: error.cause
+          } : null
+        });
+        
+        let errorMessage = "Terjadi kesalahan saat menambahkan puskesmas";
+        if (error instanceof Error) {
+          errorMessage = error.message || errorMessage;
+        } else if (error && typeof error === 'object' && 'message' in error) {
+          errorMessage = String((error as { message: unknown }).message);
+        } else if (typeof error === 'string') {
+          errorMessage = error;
+        }
+        
+        console.error('Displaying error to user:', errorMessage);
+        toast.error(errorMessage);
+        throw error;
+      } finally {
+        puskesmasState.create.loading = false;
+      }
+    },
+    resetForm() {
+      puskesmasState.create.form = { ...defaultForm };
+    }
+  },
+
+  findMany: {
+    data: null as Prisma.PuskesmasGetPayload<{
+      include: { image: true; jam: true; kontak: true };
+    }>[] | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.puskesmas["find-many"].get();
+      if (res.status === 200) {
+        puskesmasState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+
+  findUnique: {
+    data: null as Prisma.PuskesmasGetPayload<{
+      include: { image: true; jam: true; kontak: true };
+    }> | null,
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/puskesmas/${id}`);
+      if (res.ok) {
+        const data = await res.json();
+        puskesmasState.findUnique.data = data.data ?? null;
+      } else {
+        toast.error("Gagal load data puskesmas");
+      }
+    },
+  },
+
+  edit: {
+    id: "",
+    form: { ...defaultForm },
+    loading: false,
+
+    async load(id: string) {
+      const res = await fetch(`/api/kesehatan/puskesmas/${id}`);
+      if (!res.ok) {
+        toast.error("Gagal memuat data");
+        return;
+      }
+
+      const result = await res.json();
+      const data = result.data;
+
+      puskesmasState.edit.id = data.id;
+      puskesmasState.edit.form = {
+        name: data.name,
+        alamat: data.alamat,
+        imageId: data.imageId,
+        jam: {
+          workDays: data.jam.workDays,
+          weekDays: data.jam.weekDays,
+          holiday: data.jam.holiday,
+        },
+        kontak: {
+          kontakPuskesmas: data.kontak.kontakPuskesmas,
+          email: data.kontak.email,
+          facebook: data.kontak.facebook,
+          kontakUGD: data.kontak.kontakUGD,
+        },
+        image: data.image,
+      };
+    },
+
+    async submit() {
+      const cek = templateForm.safeParse(puskesmasState.edit.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues.map((v) => v.path.join(".")).join(", ")}] required`;
+        toast.error(err);
+        return false;
+      }
+
+      try {
+        puskesmasState.edit.loading = true;
+        const payload = {
+          name: puskesmasState.edit.form.name,
+          alamat: puskesmasState.edit.form.alamat,
+          imageId: puskesmasState.edit.form.imageId,
+          jam: { ...puskesmasState.edit.form.jam },
+          kontak: { ...puskesmasState.edit.form.kontak }
+        };
+
+        const res = await fetch(`/api/kesehatan/puskesmas/${puskesmasState.edit.id}`, {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload),
+        });
+
+        if (!res.ok) {
+          const error = await res.json();
+          throw new Error(error.message || "Update gagal");
+        }
+
+        toast.success("Berhasil update puskesmas");
+        await puskesmasState.findMany.load();
+        return true;
+      } catch (err) {
+        toast.error(err instanceof Error ? err.message : "Terjadi kesalahan saat update");
+        return false;
+      } finally {
+        puskesmasState.edit.loading = false;
+      }
+    },
+
+    reset() {
+      puskesmasState.edit.id = "";
+      puskesmasState.edit.form = { ...defaultForm };
+    }
+  },
+
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      try {
+        puskesmasState.delete.loading = true;
+        const res = await fetch(`/api/kesehatan/puskesmas/del/${id}`, {
+          method: "DELETE",
+        });
+
+        const result = await res.json();
+        if (res.ok && result.success) {
+          toast.success("Puskesmas berhasil dihapus");
+          await puskesmasState.findMany.load();
+        } else {
+          toast.error(result.message || "Gagal menghapus");
+        }
+      } catch {
+        toast.error("Terjadi kesalahan saat menghapus");
+      } finally {
+        puskesmasState.delete.loading = false;
+      }
+    }
+  }
+});
+
+export default puskesmasState;

src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanJenisKelamin.ts

@@ -5,9 +5,9 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 const templateGrafikJenisKelamin = z.object({
-  laki: z.string().min(2, "Data laki-laki harus diisi"),
-  perempuan: z.string().min(2, "Data perempuan harus diisi"),
-});
+  laki: z.string().min(1, "Data laki-laki harus diisi"),
+  perempuan: z.string().min(1, "Data perempuan harus diisi"),
+}); 
 
 type GrafikJenisKelamin = Prisma.GrafikBerdasarkanJenisKelaminGetPayload<{
   select: {

src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanUmur.ts

@@ -5,10 +5,10 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 const templateGrafikUmur = z.object({
-  remaja: z.string().min(2, "Data remaja harus diisi"),
-  dewasa: z.string().min(2, "Data dewasa harus diisi"),
-  orangtua: z.string().min(2, "Data orangtua harus diisi"),
-  lansia: z.string().min(2, "Data lansia harus diisi"),
+  remaja: z.string().min(1, "Data remaja harus diisi"),
+  dewasa: z.string().min(1, "Data dewasa harus diisi"),
+  orangtua: z.string().min(1, "Data orangtua harus diisi"),
+  lansia: z.string().min(1, "Data lansia harus diisi"),
 });
 
 type GrafikUmur = Prisma.GrafikBerdasarkanUmurGetPayload<{

src/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikHasilKepuasan.ts

@@ -6,7 +6,7 @@ import { z } from "zod";
 
 const templateGrafikHasilKepuasanMasyarakat = z.object({
   label: z.string().min(2, "Label harus diisi"),
-  kepuasan: z.string().min(2, "Kepuasan harus diisi"),
+  kepuasan: z.string().min(1, "Kepuasan harus diisi"),
 });
 
 type GrafikHasilKepuasanMasyarakat = Prisma.IndeksKepuasanMasyarakatGetPayload<{

src/app/admin/(dashboard)/desa/berita/[id]/edit/page.tsx

@@ -125,16 +125,6 @@ function EditBerita() {
             placeholder="masukkan judul"
           />
 
-          <SelectCategory
-            value={formData.kategoriBeritaId}
-            onChange={(val) => {
-              setFormData({
-                ...formData,
-                kategoriBeritaId: val?.id || ''
-              });
-            }}
-          />
-
           <TextInput
             value={formData.deskripsi}
             onChange={(e) => setFormData({ ...formData, deskripsi: e.target.value })}
@@ -174,6 +164,16 @@ function EditBerita() {
             />
           </Box>
 
+          <SelectCategory
+            value={formData.kategoriBeritaId}
+            onChange={(val) => {
+              setFormData({
+                ...formData,
+                kategoriBeritaId: val?.id || ''
+              });
+            }}
+          />
+
           <Button onClick={handleSubmit}>Edit Berita</Button>
         </Stack>
       </Paper>

src/app/admin/(dashboard)/desa/berita/[id]/page.tsx

@@ -35,9 +35,7 @@ function DetailBerita() {
   if (!beritaState.berita.findUnique.data) {
     return (
       <Stack py={10}>
-        {Array.from({ length: 10 }).map((_, k) => (
-          <Skeleton key={k} h={40} />
-        ))}
+        <Skeleton h={40} />
       </Stack>
     )
   }

src/app/admin/(dashboard)/desa/berita/create/page.tsx

@@ -63,9 +63,9 @@ export default function CreateBerita() {
   return (
     <Box>
       <Box mb={10}>
-      <Button variant="subtle" onClick={() => router.back()}>
-        <IconArrowBack color={colors['blue-button']} size={25} />
-      </Button>
+        <Button variant="subtle" onClick={() => router.back()}>
+          <IconArrowBack color={colors['blue-button']} size={25} />
+        </Button>
       </Box>
       <Paper bg={colors["white-1"]} p={"md"} w={{ base: "100%", md: "50%" }}>
         <Stack gap={"xs"}>
@@ -79,8 +79,9 @@ export default function CreateBerita() {
             placeholder="masukkan judul"
           />
           <SelectCategory
+            value={beritaState.berita.create.form.kategoriBeritaId}
             onChange={(val) => {
-              beritaState.berita.create.form.kategoriBeritaId = val.id;
+              beritaState.berita.create.form.kategoriBeritaId = val?.id || "";
             }}
           />
           <TextInput
@@ -114,10 +115,10 @@ export default function CreateBerita() {
           <Box>
             <Text fz={"sm"} fw={"bold"}>Konten</Text>
             <CreateEditor
-            value={beritaState.berita.create.form.content}
-            onChange={(htmlContent) => {
-              beritaState.berita.create.form.content = htmlContent;
-            }}
+              value={beritaState.berita.create.form.content}
+              onChange={(htmlContent) => {
+                beritaState.berita.create.form.content = htmlContent;
+              }}
             />
           </Box>
           <Button bg={colors['blue-button']} onClick={handleSubmit}>Simpan Berita</Button>
@@ -126,26 +127,37 @@ export default function CreateBerita() {
     </Box>
   );
 
-  function SelectCategory({
-    onChange,
-  }: {
+  interface SelectCategoryProps {
     onChange: (value: Prisma.KategoriBeritaGetPayload<{
       select: {
         name: true;
         id: true;
       };
-    }>) => void;
-  }) {
+    }> | null) => void;
+    value?: string | null;
+    defaultValue?: string | null;
+  }
+
+  function SelectCategory({
+    onChange,
+    value,
+    defaultValue,
+  }: SelectCategoryProps) {
     const categoryState = useProxy(stateDashboardBerita.category);
-  
+
     useShallowEffect(() => {
-      categoryState.findMany.load();
+      categoryState.findMany.load().then(() => {
+        console.log("Kategori berhasil dimuat:", categoryState.findMany.data);
+      });
     }, []);
-  
+
     if (!categoryState.findMany.data) {
       return <Skeleton height={38} />;
     }
-  
+
+
+    const selectedValue = value || defaultValue;
+
     return (
       <Select
         label={<Text fz={"sm"} fw={"bold"}>Kategori</Text>}
@@ -154,13 +166,19 @@ export default function CreateBerita() {
           label: item.name,
           value: item.id,
         }))}
-        onChange={(val) => {
-          const selected = categoryState.findMany.data?.find((item) => item.id === val);
-          if (selected) {
-            onChange(selected);
+        value={selectedValue || null}
+        onChange={(val: string | null) => {
+          if (val) {
+            const selected = categoryState.findMany.data?.find((item) => item.id === val);
+            if (selected) {
+              onChange(selected);
+            }
+          } else {
+            onChange(null);
           }
         }}
         searchable
+        clearable
         nothingFoundMessage="Tidak ditemukan"
       />
     );

src/app/admin/(dashboard)/desa/berita/page.tsx

@@ -1,43 +1,47 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Grid, GridCol, Image, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Grid, GridCol, Image, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconCircleDashedPlus, IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
 import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../_com/header';
 import stateDashboardBerita from '../../_state/desa/berita';
 
 
-function Page() {
+function Berita() {
+  const [search, setSearch] = useState("");
   return (
     <Box>
-      <Grid>
-        <GridCol span={{ base: 12, md: 9 }}>
-          <Title order={3}>Berita</Title>
-        </GridCol>
-        <GridCol span={{ base: 12, md: 3 }}>
-          <Paper radius={"lg"} bg={colors['white-1']}>
-            <TextInput
-              radius={"lg"}
-              placeholder='pencarian'
-              leftSection={<IconSearch size={20} />}
-            />
-          </Paper>
-        </GridCol>
-      </Grid>
-      <BeritaList />
+      <HeaderSearch
+        title='Berita'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListBerita search={search} />
     </Box>
   );
 }
 
-function BeritaList() {
+function ListBerita({ search }: { search: string }) {
   const beritaState = useProxy(stateDashboardBerita)
+  const router = useRouter()
 
   useShallowEffect(() => {
     beritaState.berita.findMany.load()
   }, [])
 
-  const router = useRouter()
+  const filteredData = (beritaState.berita.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.judul.toLowerCase().includes(keyword) ||
+      item.kategoriBerita?.name.toLowerCase().includes(keyword)
+    );
+  });
+
 
   if (!beritaState.berita.findMany.data) {
     return (
@@ -62,7 +66,7 @@ function BeritaList() {
             </GridCol>
           </Grid>
           <Box style={{ overflowX: "auto" }}>
-            <Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}> 
+            <Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
               <TableThead>
                 <TableTr>
                   <TableTh w={250}>Judul</TableTh>
@@ -73,7 +77,7 @@ function BeritaList() {
                 </TableTr>
               </TableThead>
               <TableTbody >
-                {beritaState.berita.findMany.data?.map((item) => (
+                {filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd >
                       <Box w={100}>
@@ -101,4 +105,4 @@ function BeritaList() {
   )
 }
 
-export default Page;
+export default Berita;

src/app/admin/(dashboard)/desa/gallery/foto/page.tsx

@@ -7,8 +7,26 @@ import JudulListTab from '../../../_com/jusulListTab';
 import { useProxy } from 'valtio/utils';
 import stateGallery from '../../../_state/desa/gallery';
 import { useShallowEffect } from '@mantine/hooks';
+import HeaderSearch from '../../../_com/header';
+import { useState } from 'react';
 
 function Foto() {
+  const [search, setSearch] = useState("");
+  return (
+    <Box>
+      <HeaderSearch
+        title='Posisi Organisasi'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListFoto search={search} />
+    </Box>
+  );
+}
+
+function ListFoto({ search }: { search: string }) {
   const fotoState = useProxy(stateGallery.foto)
   const router = useRouter();
 
@@ -16,6 +34,14 @@ function Foto() {
     fotoState.findMany.load()
   }, [])
 
+  const filteredData = (fotoState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
+
   if (!fotoState.findMany.data) {
     return (
       <Box py={10}>
@@ -43,7 +69,7 @@ function Foto() {
             </TableTr>
           </TableThead>
           <TableTbody>
-            {fotoState.findMany.data?.map((item) => (
+            {filteredData.map((item) => (
               <TableTr key={item.id}>
                 <TableTd>{item.name}</TableTd>
                 <TableTd>{new Date(item.createdAt).toDateString()}</TableTd>

src/app/admin/(dashboard)/desa/gallery/video/page.tsx

@@ -7,8 +7,26 @@ import JudulListTab from '../../../_com/jusulListTab';
 import { useProxy } from 'valtio/utils';
 import stateGallery from '../../../_state/desa/gallery';
 import { useShallowEffect } from '@mantine/hooks';
+import HeaderSearch from '../../../_com/header';
+import { useState } from 'react';
 
 function Video() {
+  const [search, setSearch] = useState("");
+  return (
+    <Box>
+      <HeaderSearch
+        title='Posisi Organisasi'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListVideo search={search} />
+    </Box>
+  );
+}
+
+function ListVideo({ search }: { search: string }) {
   const videoState = useProxy(stateGallery.video)
   const router = useRouter();
 
@@ -16,6 +34,14 @@ function Video() {
     videoState.findMany.load()
   }, [])
 
+  const filteredData = (videoState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
+
   if (!videoState.findMany.data) {
     return (
       <Box py={10}>
@@ -43,7 +69,7 @@ function Video() {
             </TableTr>
           </TableThead>
           <TableTbody>
-            {videoState.findMany.data?.map((item) => (
+            {filteredData.map((item) => (
               <TableTr key={item.id}>
                 <TableTd>{item.name}</TableTd>
                 <TableTd>{new Date(item.createdAt).toDateString()}</TableTd>

src/app/admin/(dashboard)/desa/layanan/pelayanan_surat_keterangan/page.tsx

@@ -7,8 +7,26 @@ import { useProxy } from 'valtio/utils';
 import stateLayananDesa from '../../../_state/desa/layananDesa';
 import { useShallowEffect } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import HeaderSearch from '../../../_com/header';
 
 function SuratKeterangan() {
+  const [search, setSearch] = useState("");
+  return (
+    <Box>
+      <HeaderSearch
+        title='Posisi Organisasi'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
+      />
+      <ListSuratKeterangan search={search} />
+    </Box>
+  );
+}
+
+function ListSuratKeterangan({ search }: { search: string }) {
   const suratKeteranganState = useProxy(stateLayananDesa.suratKeterangan)
   const router = useRouter()
 
@@ -16,6 +34,14 @@ function SuratKeterangan() {
     suratKeteranganState.findMany.load()
   }, [])
 
+  const filteredData = (suratKeteranganState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
+
   if (!suratKeteranganState.findMany.data) {
     return (
       <Stack py={10}>
@@ -43,7 +69,7 @@ function SuratKeterangan() {
             </TableTr>
           </TableThead>
           <TableTbody>
-            {suratKeteranganState.findMany.data?.map((item) => (
+            {filteredData.map((item) => (
               <TableTr key={item.id}>
                 <TableTd>{item.name}</TableTd>
                 <TableTd>

src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/page.tsx

@@ -7,8 +7,26 @@ import { useProxy } from 'valtio/utils';
 import stateLayananDesa from '../../../_state/desa/layananDesa';
 import { useShallowEffect } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
+import { useState } from 'react';
+import HeaderSearch from '../../../_com/header';
 
 function PelayananTelunjukSakti() {
+    const [search, setSearch] = useState("");
+    return (
+      <Box>
+        <HeaderSearch
+          title='Posisi Organisasi'
+          placeholder='pencarian'
+          searchIcon={<IconSearch size={20} />}
+          value={search}
+          onChange={(e) => setSearch(e.currentTarget.value)}
+        />
+        <ListPelayananTelunjukSakti search={search} />
+      </Box>
+    );
+}
+
+function ListPelayananTelunjukSakti({ search }: { search: string }) {
   const telunjukSaktiState = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa)
   const router = useRouter()
 
@@ -16,6 +34,14 @@ function PelayananTelunjukSakti() {
     telunjukSaktiState.findMany.load()
   }, [])
 
+  const filteredData = (telunjukSaktiState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
+
   if (!telunjukSaktiState.findMany.data) {
     return (
       <Stack py={10}>
@@ -42,7 +68,7 @@ function PelayananTelunjukSakti() {
             </TableTr>
           </TableThead>
           <TableTbody>
-            {telunjukSaktiState.findMany.data?.map((item) => (
+            {filteredData.map((item) => (
               <TableTr key={item.id}>
               <TableTd>{item.name}</TableTd>
               <TableTd><Text truncate="end" fz={"sm"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} /></TableTd>

src/app/admin/(dashboard)/desa/penghargaan/page.tsx

@@ -7,14 +7,40 @@ import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useProxy } from 'valtio/utils';
 import JudulListTab from '../../_com/jusulListTab';
+import { useState } from 'react';
+import HeaderSearch from '../../_com/header';
 
 function Penghargaan() {
+    const [search, setSearch] = useState("");
+    return (
+      <Box>
+        <HeaderSearch
+          title='Posisi Organisasi'
+          placeholder='pencarian'
+          searchIcon={<IconSearch size={20} />}
+          value={search}
+          onChange={(e) => setSearch(e.currentTarget.value)}
+        />
+        <ListPenghargaan search={search} />
+      </Box>
+    );
+}
+
+function ListPenghargaan({ search }: { search: string }) {
   const state = useProxy(penghargaanState)
   const router = useRouter()
   useShallowEffect(() => {
     state.findMany.load()
   }, [])
 
+  const filteredData = (state.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
+
   if (!state.findMany.data) {
     return(
       <Stack py={10}>
@@ -41,7 +67,7 @@ function Penghargaan() {
             </TableTr>
           </TableThead>
           <TableTbody>
-            {state.findMany.data?.map((item) => (
+            {filteredData.map((item) => (
               <TableTr key={item.id}>
                 <TableTd>{item.name}</TableTd>
                 <TableTd>

src/app/admin/(dashboard)/desa/pengumuman/page.tsx

@@ -11,21 +11,25 @@ import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
 import { useState } from 'react';
 
 
-function Page() {
+function Pengumuman() {
+  const [search, setSearch] = useState("");
   return (
     <Box>
       <HeaderSearch
-        title='Pengumuman'
+        title='Posisi Organisasi'
         placeholder='pencarian'
         searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
       />
-      <PengumumanList />
+      <ListPengumuman search={search} />
     </Box>
   );
 }
 
-function PengumumanList() {
+function ListPengumuman({ search }: { search: string }) {
   const pengumumanState = useProxy(stateDesaPengumuman)
+  const router = useRouter()
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
 
@@ -33,7 +37,6 @@ function PengumumanList() {
     pengumumanState.pengumuman.findMany.load()
   }, [])
 
-  const router = useRouter()
 
   const handleHapus = () => {
     if (selectedId) {
@@ -43,6 +46,14 @@ function PengumumanList() {
     }
   }
 
+  const filteredData = (pengumumanState.pengumuman.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.judul.toLowerCase().includes(keyword) ||
+      item.CategoryPengumuman?.name.toLowerCase().includes(keyword)
+    );
+  });
+
   if (!pengumumanState.pengumuman.findMany.data) {
     return (
       <Stack py={10}>
@@ -76,7 +87,7 @@ function PengumumanList() {
                 </TableTr>
               </TableThead>
               <TableTbody >
-                {pengumumanState.pengumuman.findMany.data?.map((item) => (
+                {filteredData.map((item) => (
                   <TableTr key={item.id}>
                   <TableTd >
                     <Box w={100}>
@@ -108,4 +119,4 @@ function PengumumanList() {
   )
 }
 
-export default Page;
+export default Pengumuman;

src/app/admin/(dashboard)/desa/potensi/page.tsx

@@ -9,29 +9,40 @@ import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
 import potensiDesaState from '../../_state/desa/potensi';
+import { useState } from 'react';
 
 
 function Potensi() {
+  const [search, setSearch] = useState("");
   return (
     <Box>
       <HeaderSearch
-        title='Potensi Desa'
+        title='Posisi Organisasi'
         placeholder='pencarian'
         searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
       />
-      <ListPotensi />
+      <ListPotensi search={search} />
     </Box>
   );
 }
 
-function ListPotensi() {
+function ListPotensi({ search }: { search: string }) {
   const potensiState = useProxy(potensiDesaState)
+  const router = useRouter()
+
   useShallowEffect(() => {
     potensiState.findMany.load()
   }, [])
 
-  const router = useRouter()
-
+const filteredData = (potensiState.findMany.data || []).filter(item => {
+  const keyword = search.toLowerCase();
+  return (
+    item.name.toLowerCase().includes(keyword) ||
+    item.kategori.toLowerCase().includes(keyword)
+  );
+});
 
   if (!potensiState.findMany.data) {
     return (
@@ -60,7 +71,7 @@ function ListPotensi() {
                 </TableTr>
               </TableThead>
               <TableTbody>
-                {potensiState.findMany.data?.map((item) => (
+                {filteredData.map((item) => (
                   <TableTr key={item.id}>
                     <TableTd>
                       <Box w={100}>

src/app/admin/(dashboard)/desa/profile/edit/lambang_desa/page.tsx

@@ -1,39 +0,0 @@
-import colors from '@/con/colors';
-import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, Text } from '@mantine/core';
-import React from 'react';
-import { DesaEditor } from '../../../_com/desaEditor';
-
-function LambangDesa() {
-  return (
-    <Box py={10}>
-      <SimpleGrid cols={{ base: 1, md: 2 }}>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>Lambang Desa</Title>
-              <Text fw={"bold"}>Deskripsi Lambang Desa</Text>
-              <DesaEditor showSubmit={false} />
-              <Group>
-                <Button
-                  mt={10}
-                  bg={colors['blue-button']}
-                >
-                  Submit
-                </Button>
-              </Group>
-            </Stack>
-          </Paper>
-        </Box>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>List Lambang Desa</Title>
-            </Stack>
-          </Paper>
-        </Box>
-      </SimpleGrid>
-    </Box>
-  );
-}
-
-export default LambangDesa;

src/app/admin/(dashboard)/desa/profile/edit/layout.tsx

@@ -1,13 +0,0 @@
-'use client'
-
-import LayoutTabsEdit from "../_lib/layoutTabsEdit"
-
-function Layout({children}: {children: React.ReactNode}) {
-  return (
-    <LayoutTabsEdit>
-        {children}
-    </LayoutTabsEdit>
-  );
-}
-
-export default Layout;

src/app/admin/(dashboard)/desa/profile/edit/maskot_desa/page.tsx

@@ -1,39 +0,0 @@
-import colors from '@/con/colors';
-import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, Text } from '@mantine/core';
-import React from 'react';
-import { DesaEditor } from '../../../_com/desaEditor';
-
-function MaskotDesa() {
-  return (
-    <Box py={10}>
-      <SimpleGrid cols={{ base: 1, md: 2 }}>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>Maskot Desa</Title>
-              <Text fw={"bold"}>Deskripsi Maskot Desa</Text>
-              <DesaEditor showSubmit={false} />
-              <Group>
-                <Button
-                  mt={10}
-                  bg={colors['blue-button']}
-                >
-                  Submit
-                </Button>
-              </Group>
-            </Stack>
-          </Paper>
-        </Box>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>List Maskot Desa</Title>
-            </Stack>
-          </Paper>
-        </Box>
-      </SimpleGrid>
-    </Box>
-  );
-}
-
-export default MaskotDesa;

src/app/admin/(dashboard)/desa/profile/edit/profile_perbekel/page.tsx

@@ -1,49 +0,0 @@
-import colors from '@/con/colors';
-import { Box, SimpleGrid, Paper, Stack, Title, Group, Button, TextInput, Text } from '@mantine/core';
-import React from 'react';
-import { DesaEditor } from '../../../_com/desaEditor';
-
-function ProfilePerbekel() {
-  return (
-    <Box py={10}>
-      <SimpleGrid cols={{ base: 1, md: 2 }}>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>Profil Perbekel</Title>
-              <TextInput
-              label="Nama Perbekel"
-              placeholder="masukkan nama perbekel"
-              />
-              <Text fz={"sm"} fw={"bold"}>Biodata</Text>
-              <DesaEditor showSubmit={false} />
-              <Text fz={"sm"} fw={"bold"}>Pengalaman</Text>
-              <DesaEditor showSubmit={false} />
-              <Text fz={"sm"} fw={"bold"}>Pengalaman Organisasi</Text>
-              <DesaEditor showSubmit={false} />
-              <Text fz={"sm"} fw={"bold"}>Program Unggulan</Text>
-              <DesaEditor showSubmit={false} />
-              <Group>
-                <Button
-                  mt={10}
-                  bg={colors['blue-button']}
-                >
-                  Submit
-                </Button>
-              </Group>
-            </Stack>
-          </Paper>
-        </Box>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>List Profil Perbekel</Title>
-            </Stack>
-          </Paper>
-        </Box>
-      </SimpleGrid>
-      </Box>
-  );
-}
-
-export default ProfilePerbekel;

src/app/admin/(dashboard)/desa/profile/edit/sejarah_desa/create.tsx

@@ -1,34 +0,0 @@
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
-
-
-
-function SejarahDesa() {
-
-
-  return (
-    <Box py={10}>
-      <SimpleGrid cols={{ base: 1, md: 2 }}>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>Sejarah Desa</Title>
-              <Text fw={"bold"}>Deskripsi Sejarah Desa</Text>
-              <Group>
-                <Button
-                  mt={10}
-                  bg={colors['blue-button']}
-                >
-                  Submit
-                </Button>
-              </Group>
-            </Stack>
-          </Paper>
-        </Box>
-      </SimpleGrid>
-    </Box>
-  );
-}
-
-export default SejarahDesa;

src/app/admin/(dashboard)/desa/profile/edit/sejarah_desa/page.tsx

@@ -1,25 +0,0 @@
-import colors from '@/con/colors';
-import { Box, Paper, Stack } from '@mantine/core';
-
-function Page() {
-  return (
-    <Paper bg={colors['white-1']} p={'md'} radius={10}>
-      <Stack gap={"22"}>
-        <Box>
-          <Stack gap={'lg'}>
-            <Paper p={"xl"} bg={colors['BG-trans']}>
-              {/* <Box px={{ base: 0, md: 30 }}>
-                <Text ta={"center"} fz={{ base: "h3", md: "h2" }} fw={"bold"} dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.judul }} />
-              </Box>
-              <Box px={{ base: 0, md: 30 }}>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: listDasarHukum.findById.data.content }} />
-              </Box> */}
-            </Paper>
-          </Stack>
-        </Box>
-      </Stack>
-    </Paper>
-  );
-}
-
-export default Page;

src/app/admin/(dashboard)/desa/profile/edit/visi_misi_desa/page.tsx

@@ -1,64 +0,0 @@
-import colors from '@/con/colors';
-import { Box, Button, Group, Paper, SimpleGrid, Stack, Text, Title } from '@mantine/core';
-import { DesaEditor } from '../../../_com/desaEditor';
-
-function VisiMisiDesa() {
-  return (
-    <Box py={10}>
-      <SimpleGrid cols={{ base: 1, md: 2 }}>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>Visi Desa</Title>
-              <Text fw={"bold"}>Deskripsi Visi Desa</Text>
-              <DesaEditor showSubmit={false} />
-              <Group>
-                <Button
-                  mt={10}
-                  bg={colors['blue-button']}
-                >
-                  Submit
-                </Button>
-              </Group>
-            </Stack>
-          </Paper>
-        </Box>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>List Visi Desa</Title>
-            </Stack>
-          </Paper>
-        </Box>
-      </SimpleGrid>
-      <SimpleGrid py={30} cols={{ base: 1, md: 2 }}>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>Misi Desa</Title>
-              <Text fw={"bold"}>Deskripsi Misi Desa</Text>
-              <DesaEditor showSubmit={false}/>
-              <Group>
-                <Button
-                  mt={10}
-                  bg={colors['blue-button']}
-                >
-                  Submit
-                </Button>
-              </Group>
-            </Stack>
-          </Paper>
-        </Box>
-        <Box>
-          <Paper bg={colors['white-1']} p={'md'}>
-            <Stack>
-              <Title order={3}>List Misi Desa</Title>
-            </Stack>
-          </Paper>
-        </Box>
-      </SimpleGrid>
-    </Box>
-  );
-}
-
-export default VisiMisiDesa;

src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/lambang_desa/page.tsx

@@ -0,0 +1,126 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function Page() {
+    const lambangState = useProxy(stateProfileDesa.lambangDesa)
+    const router = useRouter()
+    const params = useParams()
+    const [isSubmitting, setIsSubmitting] = useState(false);
+
+    useEffect(() => {
+        const loadData = async () => {
+            const id = params?.id as string;
+            if (!id) {
+                toast.error("ID tidak valid");
+                router.push("/admin/desa/profile/profile-desa");
+                return;
+            }
+
+            const data = await lambangState.findUnique.load(id);
+            if (data) {
+                lambangState.update.initialize(data);
+            }
+        };
+
+        loadData();
+
+        return () => {
+            lambangState.update.reset();
+            lambangState.findUnique.reset(); // opsional: reset juga data lama
+        };
+    }, [params?.id, router]);
+
+
+    const handleSubmit = async () => {
+        if (isSubmitting || !lambangState.update.form.judul.trim()) {
+            toast.error("Judul wajib diisi");
+            return;
+        }
+        setIsSubmitting(true)
+        try {
+            const success = await lambangState.update.submit()
+            if (success) {
+                toast.success("Data berhasil disimpan");
+                router.push("/admin/desa/profile/profile-desa");
+            }
+        } catch (error) {
+            console.error("Error update lambang desa:", error);
+            toast.error("Terjadi kesalahan saat update lambang desa");
+        } finally {
+            setIsSubmitting(false);
+        }
+    }
+
+    const handleBack = () => {
+        router.back()
+    }
+
+    if (
+        lambangState.findUnique.loading ||
+        !lambangState.findUnique.data ||
+        lambangState.update.loading
+    ) {
+        return (
+            <Box>
+                <Center h={400}>
+                    <Text>Memuat data...</Text>
+                </Center>
+            </Box>
+        );
+    }
+    return (
+        <Box>
+            <Stack gap={'xs'}>
+                <Group>
+                    <Button variant="subtle" onClick={handleBack}>
+                        <IconArrowBack color={colors['blue-button']} size={20} />
+                    </Button>
+                </Group>
+                <Paper bg={colors['white-1']} p={'xs'} w={{ base: '100%', md: '50%' }}>
+                    <Stack gap={'xs'}>
+                        <Box>
+                            <Box>
+                                <Stack>
+                                    <Title order={3}>Edit Lambang Desa</Title>
+                                    <TextInput
+                                        label={<Text fz={"md"} fw={"bold"}>Judul</Text>}
+                                        placeholder="Judul"
+                                        value={lambangState.update.form.judul}
+                                        onChange={(e) => lambangState.update.form.judul = e.currentTarget.value}
+                                        error={!lambangState.update.form.judul && "Judul wajib diisi"}
+                                    />
+                                    <Box>
+                                        <Text fz={"md"} fw={"bold"}>Deskripsi</Text>
+                                        <EditEditor
+                                            value={lambangState.update.form.deskripsi}
+                                            onChange={(val) => lambangState.update.form.deskripsi = val}
+                                        />
+                                    </Box>
+                                    <Group>
+                                        <Button
+                                            onClick={handleSubmit}
+                                            bg={colors['blue-button']}
+                                        >
+                                            Submit
+                                        </Button>
+                                    </Group>
+                                </Stack>
+                            </Box>
+                        </Box>
+                    </Stack>
+                </Paper>
+            </Stack>
+        </Box>
+    );
+}
+
+export default Page;

src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/maskot_desa/page.tsx

@@ -0,0 +1,244 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import { Box, Button, Group, Image, Paper, SimpleGrid, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Dropzone } from '@mantine/dropzone';
+import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function Page() {
+  const maskotState = useProxy(stateProfileDesa.maskotDesa)
+  const router = useRouter()
+  const params = useParams()
+
+  const [images, setImages] = useState<
+    Array<{ file: File; preview: string; label: string }>
+  >([]);
+
+  const [formData, setFormData] = useState({
+    judul: maskotState.update.form.judul || '',
+    deskripsi: maskotState.update.form.deskripsi || '',
+    images: [] as Array<{ label: string; imageId: string }>
+  })
+
+  useEffect(() => {
+    const loadData = async () => {
+      const id = params?.id as string;
+      if (!id) return;
+
+      try {
+        const data = await maskotState.findUnique.load(id);
+        if (data) {
+          // 🔥 INI YANG KURANG!
+          maskotState.update.initialize(data);
+
+          setFormData({
+            judul: data.judul || '',
+            deskripsi: data.deskripsi || '',
+            images: (data.images || []).map((img: any) => ({
+              label: img.label,
+              imageId: img.image?.id ?? '',
+            })),
+          });
+
+          if (data?.images?.length > 0 && data.images[0].image?.link) {
+            setImages(data.images.map((img: any) => ({
+              file: null,
+              preview: img.image.link,
+              label: img.label,
+            })));
+          }
+        }
+      } catch (error) {
+        console.error("Error loading berita:", error);
+        toast.error("Gagal memuat data berita");
+      }
+    };
+
+    loadData();
+  }, [params?.id]);
+
+
+  const handleBack = () => {
+    router.back()
+  }
+
+  const handleSubmit = async () => {
+    try {
+      const uploadedImages = [];
+
+      // Upload semua gambar baru
+      for (const img of images) {
+        if (!img.file || !(img.file instanceof File)) {
+          toast.error("File tidak valid untuk di-upload");
+          continue; // atau return kalau kamu mau hentikan semua
+        }
+
+        const res = await ApiFetch.api.fileStorage.create.post({
+          file: img.file,
+          name: img.file.name,
+        });
+
+        const uploaded = res.data?.data;
+        if (!uploaded?.id) {
+          toast.error("Gagal upload salah satu gambar");
+          return;
+        }
+
+        uploadedImages.push({
+          imageId: uploaded.id,
+          label: img.label || 'main',
+        });
+      }
+
+      // Update ke global state
+      maskotState.update.updateField("judul", formData.judul);
+      maskotState.update.updateField("deskripsi", formData.deskripsi);
+      maskotState.update.updateField("images", uploadedImages);
+
+      const success = await maskotState.update.submit();
+
+      if (success) {
+        toast.success("Maskot berhasil diperbarui!");
+        router.push("/admin/desa/profile/profile-desa");
+      }
+
+    } catch (error) {
+      console.error("Error update maskot:", error);
+      toast.error("Gagal update maskot");
+    }
+  };
+
+  return (
+    <Box>
+      <Stack gap={'xs'}>
+        <Group>
+          <Button variant="subtle" onClick={handleBack}>
+            <IconArrowBack color={colors['blue-button']} size={20} />
+          </Button>
+        </Group>
+        <Paper bg={colors['white-1']} p={'xs'} w={{ base: '100%', md: '100%' }}>
+          <Stack gap={'xs'}>
+            <Box>
+              <Box>
+                <Stack>
+                  <Title order={3}>Edit Maskot Desa</Title>
+                  <TextInput
+                    w={{ base: '100%', md: '50%' }}
+                    label={<Text fz={"md"} fw={"bold"}>Judul</Text>}
+                    placeholder="Masukkan judul"
+                    value={formData.judul}
+                    onChange={(val) => setFormData({ ...formData, judul: val.currentTarget.value })}
+                  />
+                  <Box w={{ base: '100%', md: '50%' }}>
+                    <Text fz={"md"} fw={"bold"}>Deskripsi</Text>
+                    <EditEditor
+                      value={formData.deskripsi}
+                      onChange={(val) => setFormData({ ...formData, deskripsi: val })}
+                    />
+                  </Box>
+                  <Box>
+                    <Text fz={"md"} fw={"bold"}>Gambar</Text>
+                    <Box w={{ base: '100%', md: '50%' }}>
+                      <Dropzone
+
+                        onDrop={(files) => {
+                          const newImages = files.map((file) => ({
+                            file,
+                            preview: URL.createObjectURL(file),
+                            label: '',
+                          }));
+                          setImages((prev) => [...prev, ...newImages]);
+                        }}
+                      >
+                        <Group justify="center" gap="xl" mih={220} style={{ pointerEvents: 'none' }}>
+                          <Dropzone.Accept>
+                            <IconUpload size={52} color="var(--mantine-color-blue-6)" stroke={1.5} />
+                          </Dropzone.Accept>
+                          <Dropzone.Reject>
+                            <IconX size={52} color="var(--mantine-color-red-6)" stroke={1.5} />
+                          </Dropzone.Reject>
+                          <Dropzone.Idle>
+                            <IconPhoto size={52} color="var(--mantine-color-dimmed)" stroke={1.5} />
+                          </Dropzone.Idle>
+
+                          <div>
+                            <Text size="xl" inline>
+                              Drag images here or click to select files
+                            </Text>
+                            <Text size="sm" c="dimmed" inline mt={7}>
+                              Attach as many files as you like, each file should not exceed 5mb
+                            </Text>
+                          </div>
+                        </Group>
+                      </Dropzone>
+                    </Box>
+                  </Box>
+                  <SimpleGrid cols={{ base: 2, md: 4 }} >
+                    {images.map((img, index) => (
+                      <Box key={index} mb="md">
+                        <Paper p="sm" radius="md" withBorder style={{ position: 'relative', maxWidth: 300 }}>
+                          <Stack gap={'xs'}>
+                            <Group>
+                              <Button
+                                size="xs"
+                                color="red"
+                                variant="light"
+                                onClick={() => {
+                                  const updated = [...images];
+                                  updated.splice(index, 1);
+                                  setImages(updated);
+                                }}
+                              >
+                                Hapus
+                              </Button>
+                            </Group>
+                            <Image
+                              src={img.preview}
+                              alt={`Preview ${index}`}
+                              width={280}
+                              height={180}
+                              fit="cover"
+                              radius="sm"
+                            />
+                            <TextInput
+                              label={`Label Gambar ${index + 1}`}
+                              placeholder="Contoh: Logo, Maskot, Dll"
+                              value={img.label}
+                              onChange={(e) => {
+                                const updated = [...images];
+                                updated[index].label = e.currentTarget.value;
+                                setImages(updated);
+                              }}
+                            />
+                          </Stack>
+                        </Paper>
+                      </Box>
+                    ))}
+                  </SimpleGrid>
+                  <Group>
+                    <Button
+                      onClick={handleSubmit}
+                      bg={colors['blue-button']}
+                    >
+                      Submit
+                    </Button>
+                  </Group>
+                </Stack>
+              </Box>
+            </Box>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Box>
+  );
+}
+
+export default Page;

src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/sejarah_desa/page.tsx

@@ -0,0 +1,126 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function Page() {
+    const sejarahState = useProxy(stateProfileDesa.sejarahDesa)
+    const router = useRouter()
+    const params = useParams()
+    const [isSubmitting, setIsSubmitting] = useState(false);
+
+    useEffect(() => {
+        const loadData = async () => {
+            const id = params?.id as string;
+            if (!id) {
+                toast.error("ID tidak valid");
+                router.push("/admin/desa/profile/profile-desa");
+                return;
+            }
+
+            const data = await sejarahState.findUnique.load(id);
+            if (data) {
+                sejarahState.update.initialize(data);
+            }
+        };
+
+        loadData();
+
+        return () => {
+            sejarahState.update.reset();
+            sejarahState.findUnique.reset(); // opsional: reset juga data lama
+        };
+    }, [params?.id, router]);
+
+
+    const handleSubmit = async () => {
+        if (isSubmitting || !sejarahState.update.form.judul.trim()) {
+            toast.error("Judul wajib diisi");
+            return;
+        }
+        setIsSubmitting(true)
+        try {
+            const success = await sejarahState.update.submit()
+            if (success) {
+                toast.success("Data berhasil disimpan");
+                router.push("/admin/desa/profile/profile-desa");
+            }
+        } catch (error) {
+            console.error("Error update sejarah desa:", error);
+            toast.error("Terjadi kesalahan saat update sejarah desa");
+        } finally {
+            setIsSubmitting(false);
+        }
+    }
+
+    const handleBack = () => {
+        router.back()
+    }
+
+    if (
+        sejarahState.findUnique.loading ||
+        !sejarahState.findUnique.data ||
+        sejarahState.update.loading
+    ) {
+        return (
+            <Box>
+                <Center h={400}>
+                    <Text>Memuat data...</Text>
+                </Center>
+            </Box>
+        );
+    }
+    return (
+        <Box>
+            <Stack gap={'xs'}>
+                <Group>
+                    <Button variant="subtle" onClick={handleBack}>
+                        <IconArrowBack color={colors['blue-button']} size={20} />
+                    </Button>
+                </Group>
+                <Paper bg={colors['white-1']} p={'xs'} w={{ base: '100%', md: '50%' }}>
+                    <Stack gap={'xs'}>
+                        <Box>
+                            <Box>
+                                <Stack>
+                                    <Title order={3}>Edit Sejarah Desa</Title>
+                                    <TextInput
+                                        label={<Text fz={"md"} fw={"bold"}>Judul</Text>}
+                                        placeholder="Judul"
+                                        value={sejarahState.update.form.judul}
+                                        onChange={(e) => sejarahState.update.form.judul = e.currentTarget.value}
+                                        error={!sejarahState.update.form.judul && "Judul wajib diisi"}
+                                    />
+                                    <Box>
+                                        <Text fz={"md"} fw={"bold"}>Deskripsi</Text>
+                                        <EditEditor
+                                            value={sejarahState.update.form.deskripsi}
+                                            onChange={(val) => sejarahState.update.form.deskripsi = val}
+                                        />
+                                    </Box>
+                                    <Group>
+                                        <Button
+                                            onClick={handleSubmit}
+                                            bg={colors['blue-button']}
+                                        >
+                                            Submit
+                                        </Button>
+                                    </Group>
+                                </Stack>
+                            </Box>
+                        </Box>
+                    </Stack>
+                </Paper>
+            </Stack>
+        </Box>
+    );
+}
+
+export default Page;

src/app/admin/(dashboard)/desa/profile/profile-desa/[id]/visi_misi_desa/page.tsx

@@ -0,0 +1,124 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Paper, Stack, Text, Title } from '@mantine/core';
+import { IconArrowBack } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function Page() {
+  const visiMisiState = useProxy(stateProfileDesa.visiMisiDesa)
+  const router = useRouter()
+  const params = useParams()
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  useEffect(() => {
+    const loadData = async () => {
+      const id = params?.id as string;
+      if (!id) {
+        toast.error("ID tidak valid");
+        router.push("/admin/desa/profile/profile-desa");
+        return;
+      }
+
+      const data = await visiMisiState.findUnique.load(id);
+      if (data) {
+        visiMisiState.update.initialize(data);
+      }
+    };
+
+    loadData();
+
+    return () => {
+      visiMisiState.update.reset();
+      visiMisiState.findUnique.reset(); // opsional: reset juga data lama
+    };
+  }, [params?.id, router]);
+
+
+  const handleSubmit = async () => {
+    if (isSubmitting || !visiMisiState.update.form.visi.trim()) {
+      toast.error("Visi wajib diisi");
+      return;
+    }
+    setIsSubmitting(true)
+    try {
+      const success = await visiMisiState.update.submit()
+      if (success) {
+        toast.success("Data berhasil disimpan");
+        router.push("/admin/desa/profile/profile-desa");
+      }
+    } catch (error) {
+      console.error("Error update sejarah desa:", error);
+      toast.error("Terjadi kesalahan saat update sejarah desa");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  const handleBack = () => {
+    router.back()
+  }
+
+  if (
+    visiMisiState.findUnique.loading ||
+    !visiMisiState.findUnique.data ||
+    visiMisiState.update.loading
+  ) {
+    return (
+      <Box>
+        <Center h={400}>
+          <Text>Memuat data...</Text>
+        </Center>
+      </Box>
+    );
+  }
+  return (
+    <Box>
+      <Stack gap={'xs'}>
+        <Group>
+          <Button variant="subtle" onClick={handleBack}>
+            <IconArrowBack color={colors['blue-button']} size={20} />
+          </Button>
+        </Group>
+        <Paper bg={colors['white-1']} p={'xs'} w={{ base: '100%', md: '50%' }}>
+          <Stack gap={'xs'}>
+            <Box>
+              <Box>
+                <Stack>
+                  <Title order={3}>Edit Visi Misi Desa</Title>
+                  <Text fz={"md"} fw={"bold"}>Visi</Text>
+                  <EditEditor
+                    value={visiMisiState.update.form.visi}
+                    onChange={(val) => visiMisiState.update.form.visi = val}
+                  />
+                  <Box>
+                    <Text fz={"md"} fw={"bold"}>Misi</Text>
+                    <EditEditor
+                      value={visiMisiState.update.form.misi}
+                      onChange={(val) => visiMisiState.update.form.misi = val}
+                    />
+                  </Box>
+                  <Group>
+                    <Button
+                      onClick={handleSubmit}
+                      bg={colors['blue-button']}
+                    >
+                      Submit
+                    </Button>
+                  </Group>
+                </Stack>
+              </Box>
+            </Box>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Box>
+  );
+}
+
+export default Page;

src/app/admin/(dashboard)/desa/profile/profile-desa/page.tsx

@@ -1,131 +1,168 @@
 'use client'
+
 import colors from '@/con/colors';
-import { Paper, Stack, Grid, GridCol, Title, Button, Box, Text, Center, Image, SimpleGrid } from '@mantine/core';
+import { Box, Button, Card, Center, Grid, GridCol, Group, Image, Paper, Stack, Text, Title } from '@mantine/core';
+import { useSnapshot } from 'valtio';
+import stateProfileDesa from '../../../_state/desa/profile';
+import { useEffect } from 'react';
 import { IconEdit } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import React from 'react';
 
 function Page() {
-  const router = useRouter()
+  const router = useRouter();
+  const snap = useSnapshot(stateProfileDesa);
+
+  // Panggil load data sekali saat komponen mount
+  useEffect(() => {
+    stateProfileDesa.sejarahDesa.findUnique.load("edit");
+    stateProfileDesa.visiMisiDesa.findUnique.load("edit");
+    stateProfileDesa.lambangDesa.findUnique.load("edit");
+    stateProfileDesa.maskotDesa.findUnique.load("edit");
+  }, []);
+
+  const sejarah = snap.sejarahDesa.findUnique.data;
+  const visiMisi = snap.visiMisiDesa.findUnique.data;
+  const lambang = snap.lambangDesa.findUnique.data;
+  const maskot = snap.maskotDesa.findUnique.data;
+
   return (
-    <Paper bg={colors['white-1']} p={'md'} radius={10}>
-      <Stack gap={"22"}>
-        <Grid>
-          <GridCol span={{ base: 12, md: 11 }}>
-            <Title order={2}>Preview Profile Desa</Title>
-          </GridCol>
-          <GridCol span={{ base: 12, md: 1 }}>
-            <Button bg={colors['blue-button']} onClick={() => router.push('/admin/desa/profile/edit/sejarah_desa')}>
-              <IconEdit size={16} />
-            </Button>
-          </GridCol>
-        </Grid>
+    <Paper bg={colors['white-1']} p={'md'}>
+      <Stack gap={"lg"}>
+        <Title order={2}>Preview Profile Desa</Title>
         {/* Sejarah Desa */}
-        <Box>
-          <Stack gap={'lg'}>
-            <Paper p={"xl"} bg={colors['BG-trans']}>
-              <Box pb={30}>
-                <Center>
-                  <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
-                </Center>
-                <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Sejarah Desa</Text>
-              </Box>
-              <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
-                  Test
-                </Text>
+        {sejarah && (
+          <Box>
+            <Stack gap={'lg'}>
+              <Paper p={"md"} bg={colors['BG-trans']}>
+                <Grid>
+                  <GridCol span={{ base: 12, md: 11 }}>
+                    <Title order={2}>Preview Sejarah Desa</Title>
+                  </GridCol>
+                  <GridCol span={{ base: 12, md: 1 }}>
+                    <Button bg={colors['blue-button']} onClick={() => router.push(`/admin/desa/profile/profile-desa/${sejarah.id}/sejarah_desa`)}>
+                      <IconEdit size={20} />
+                    </Button>
+                  </GridCol>
+                </Grid>
+                <Box pb={30}>
+                  <Center>
+                    <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
+                  </Center>
+                  <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>{sejarah.judul}</Text>
+                </Box>
+                <Paper p={"xl"} bg={colors['white-trans-1']}>
+                  <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: sejarah.deskripsi }} />
+                </Paper>
               </Paper>
-            </Paper>
-          </Stack>
-        </Box>
+            </Stack>
+          </Box>
+        )}
+
         {/* Visi Misi Desa */}
-        <Box>
-          <Stack gap={'lg'}>
-            <Paper p={"xl"} bg={colors['BG-trans']}>
-              <Box pb={30}>
-                <Center>
-                  <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
-                </Center>
-              </Box>
-              <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
-                <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Visi Desa</Text>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
-                  Test
-                </Text>
+        {visiMisi && (
+          <Box>
+            <Stack gap={'lg'}>
+              <Paper p={"md"} bg={colors['BG-trans']}>
+                <Grid>
+                  <GridCol span={{ base: 12, md: 11 }}>
+                    <Title order={2}>Preview Visi Misi Desa</Title>
+                  </GridCol>
+                  <GridCol span={{ base: 12, md: 1 }}>
+                    <Button onClick={() => router.push(`/admin/desa/profile/profile-desa/${visiMisi.id}/visi_misi_desa`)} bg={colors['blue-button']}>
+                      <IconEdit size={20} />
+                    </Button>
+                  </GridCol>
+                </Grid>
+                <Box pb={30}>
+                  <Center>
+                    <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
+                  </Center>
+                  <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Visi Misi Desa</Text>
+                </Box>
+                <Paper p={"xl"} bg={colors['white-trans-1']}>
+                  <Text fw={"bold"} fz={{ base: "lg", md: "h2" }}>Visi Desa</Text>
+                  <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: visiMisi.visi }} />
+                  <Text fw={"bold"} fz={{ base: "lg", md: "h2" }}>Misi Desa</Text>
+                  <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: visiMisi.misi }} />
+                </Paper>
               </Paper>
-              <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
-                <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Misi Desa</Text>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
-                  Test
-                </Text>
-              </Paper>
-            </Paper>
-          </Stack>
-        </Box>
+            </Stack>
+          </Box>
+        )}
+
         {/* Lambang Desa */}
-        <Box>
-          <Stack gap={'lg'}>
-            <Paper p={"xl"} bg={colors['BG-trans']}>
-              <Box pb={30}>
-                <Center>
-                  <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
-                </Center>
-                <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Lambang Desa</Text>
-              </Box>
-              <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
-                  Test
-                </Text>
+        {lambang && (
+          <Box>
+            <Stack gap={'lg'}>
+              <Paper p={"md"} bg={colors['BG-trans']}>
+                <Grid>
+                  <GridCol span={{ base: 12, md: 11 }}>
+                    <Title order={2}>Preview Lambang Desa</Title>
+                  </GridCol>
+                  <GridCol span={{ base: 12, md: 1 }}>
+                    <Button onClick={() => router.push(`/admin/desa/profile/profile-desa/${lambang.id}/lambang_desa`)} bg={colors['blue-button']}>
+                      <IconEdit size={20} />
+                    </Button>
+                  </GridCol>
+                </Grid>
+                <Box pb={30}>
+                  <Center>
+                    <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
+                  </Center>
+                  <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Lambang Desa</Text>
+                </Box>
+                <Paper p={"xl"} bg={colors['white-trans-1']}>
+                  <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: lambang.deskripsi }} />
+                </Paper>
               </Paper>
-            </Paper>
-          </Stack>
-        </Box>
+            </Stack>
+          </Box>
+        )}
+
         {/* Maskot Desa */}
-        <Box>
-          <Stack gap={'lg'}>
-            <Paper p={"xl"} bg={colors['BG-trans']}>
-              <Box pb={30}>
-                <Center>
-                  <Image src={"/darmasaba-icon.png"} alt="" w={{ base: 200, md: 300 }} />
-                </Center>
-                <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Maskot Desa</Text>
-              </Box>
-              <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
-                  Test
-                </Text>
+        {maskot && (
+          <Box>
+            <Stack gap={'lg'}>
+              <Paper p={"md"} bg={colors['BG-trans']}>
+                <Grid>
+                  <GridCol span={{ base: 12, md: 11 }}>
+                    <Title order={2}>Preview Maskot Desa</Title>
+                  </GridCol>
+                  <GridCol span={{ base: 12, md: 1 }}>
+                    <Button onClick={() => router.push(`/admin/desa/profile/profile-desa/${maskot.id}/maskot_desa`)} bg={colors['blue-button']}>
+                      <IconEdit size={20} />
+                    </Button>
+                  </GridCol>
+                </Grid>
+                <Box pb={30}>
+                  <Center>
+                    <Image src={"/pudak-icon.png"} alt="" w={{ base: 200, md: 300 }} />
+                  </Center>
+                  <Text c={colors['blue-button']} ta={"center"} fw={"bold"} fz={"2.5rem"}>Maskot Desa</Text>
+                </Box>
+                <Paper p={"xl"} bg={colors['white-trans-1']}>
+                  <Text fz={{ base: "md", md: "h3" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: maskot.deskripsi }} />
+                  <Group wrap="wrap" gap="md">
+                    {maskot.images.map((img, index) => (
+                      <Card key={index} p="xs" w={220}>
+                        <Image
+                         src={img.image.link}
+                         alt={img.label}
+                         w={200}
+                         h={200}
+                         fit="cover"
+                         radius="md"
+                         style={{ border: '1px solid #ccc', objectFit: 'cover' }}
+                        />
+                        <Text ta="center" mt="xs" fw="bold">{img.label}</Text>
+                      </Card>
+                    ))}
+                  </Group>
+                </Paper>
               </Paper>
-              <SimpleGrid
-                cols={{
-                  base: 1,
-                  md: 2,
-                }}
-              >
-                <Center>
-                  <Box>
-                    <Paper p={"lg"}>
-                      <Image src={"/api/img/pohonpudak.png"} alt="" w={{ base: 150, md: 250 }} />
-                      <Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Pohon Pudak</Text>
-                    </Paper>
-                  </Box>
-                </Center>
-                <Center>
-                  <Box>
-                    <Paper p={"lg"}>
-                      <Image src={"/api/img/bungapudak.png"} alt="" w={{ base: 150, md: 250 }} />
-                      <Text ta={"center"} fw={"bold"} c={colors["blue-button"]} fz={{ base: "md", md: "h3" }}>Bunga Pudak</Text>
-                    </Paper>
-                  </Box>
-                </Center>
-              </SimpleGrid>
-              <Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
-                <Text fz={{ base: "md", md: "h3" }} ta={"justify"}>
-                  Test
-                </Text>
-              </Paper>
-            </Paper>
-          </Stack>
-        </Box>
+            </Stack>
+          </Box>
+        )}
       </Stack>
     </Paper>
   );

src/app/admin/(dashboard)/desa/profile/profile-perbekel/[id]/page.tsx

@@ -0,0 +1,193 @@
+'use client'
+/* eslint-disable react-hooks/exhaustive-deps */
+import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
+import stateProfileDesa from '@/app/admin/(dashboard)/_state/desa/profile';
+import colors from '@/con/colors';
+import ApiFetch from '@/lib/api-fetch';
+import { Box, Button, Center, FileInput, Group, Image, Paper, Stack, Text, Title } from '@mantine/core';
+import { IconArrowBack, IconImageInPicture } from '@tabler/icons-react';
+import { useParams, useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+
+function ProfilePerbekel() {
+  const perbekelState = useProxy(stateProfileDesa.profilPerbekel)
+  const router = useRouter()
+  const params = useParams()
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
+
+  useEffect(() => {
+    const loadData = async () => {
+      const id = params?.id as string;
+      if (!id) {
+        toast.error("ID tidak valid");
+        router.push("/admin/desa/profile/profile-perbekel");
+        return;
+      }
+
+      const data = await perbekelState.findUnique.load(id);
+      if (data) {
+        perbekelState.edit.initialize(data);
+      }
+      if (data?.image?.link) {
+        setPreviewImage(data.image.link);
+      }
+    };
+
+    loadData();
+
+    return () => {
+      perbekelState.edit.reset();
+      perbekelState.findUnique.reset(); // opsional: reset juga data lama
+    };
+  }, [params?.id, router]);
+  
+    const handleFileChange = (newFile: File | null) => {
+      if (!newFile) {
+        setFile(null);
+        return;
+      }
+  
+      setFile(newFile);
+  
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        setPreviewImage(event.target?.result as string);
+      };
+      reader.readAsDataURL(newFile);
+    };
+
+  const handleSubmit = async () => {
+    if (isSubmitting || !perbekelState.edit.form.biodata.trim()) {
+      toast.error("Biodata wajib diisi");
+      return;
+    }
+    setIsSubmitting(true)
+    try {
+      if (file) {
+        const uploadResponse = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
+        const uploaded = uploadResponse.data?.data;
+
+        if (!uploaded?.id) {
+          toast.error("Gagal upload gambar");
+          return;
+        }
+
+        perbekelState.edit.form.imageId = uploaded.id;
+      }
+      const success = await perbekelState.edit.submit()
+      if (success) {
+        toast.success("Data berhasil disimpan");
+        router.push("/admin/desa/profile/profile-perbekel");
+      }
+    } catch (error) {
+      console.error("Error update sejarah desa:", error);
+      toast.error("Terjadi kesalahan saat update sejarah desa");
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+
+  const handleBack = () => {
+    router.back()
+  }
+
+  if (
+    perbekelState.findUnique.loading ||
+    !perbekelState.findUnique.data ||
+    perbekelState.edit.loading
+  ) {
+    return (
+      <Box>
+        <Center h={400}>
+          <Text>Memuat data...</Text>
+        </Center>
+      </Box>
+    );
+  }
+
+  return (
+    <Box py={10}>
+      <Stack gap={'xs'}>
+        <Group>
+          <Button variant="subtle" onClick={handleBack}>
+            <IconArrowBack color={colors['blue-button']} size={20} />
+          </Button>
+        </Group>
+        <Paper bg={colors['white-1']} p={'xs'} w={{ base: '100%', md: '50%' }}>
+          <Stack gap={'xs'}>
+            <Box>
+              <Box>
+                <Stack>
+                  <Title order={3}>Edit Profil Perbekel</Title>
+                  <Text fz={"md"} fw={"bold"}>Biodata</Text>
+                  <EditEditor
+                    value={perbekelState.edit.form.biodata}
+                    onChange={(val) => perbekelState.edit.form.biodata = val}
+                  />
+                  {/* File Upload */}
+                  <FileInput
+                    label={<Text fz="sm" fw="bold">Upload Gambar Baru (Opsional)</Text>}
+                    value={file}
+                    onChange={handleFileChange}
+                    accept="image/*"
+                  />
+
+                  {/* Preview Gambar */}
+                  <Box>
+                    <Text fz="sm" fw="bold" mb="xs">Preview Gambar</Text>
+                    {previewImage ? (
+                      <Image alt="Profile preview" src={previewImage} w={200} h={200} fit="cover" radius="md" />
+                    ) : (
+                      <Center w={200} h={200} bg="gray.2">
+                        <Stack align="center" gap="xs">
+                          <IconImageInPicture size={48} color="gray" />
+                          <Text size="sm" c="gray">Tidak ada gambar</Text>
+                        </Stack>
+                      </Center>
+                    )}
+                  </Box>
+
+                  <Box>
+                    <Text fz={"md"} fw={"bold"}>Pengalaman</Text>
+                    <EditEditor
+                      value={perbekelState.edit.form.pengalaman}
+                      onChange={(val) => perbekelState.edit.form.pengalaman = val}
+                    />
+                  </Box>
+                  <Box>
+                    <Text fz={"md"} fw={"bold"}>Pengalaman Organisasi</Text>
+                    <EditEditor
+                      value={perbekelState.edit.form.pengalamanOrganisasi}
+                      onChange={(val) => perbekelState.edit.form.pengalamanOrganisasi = val}
+                    />
+                  </Box>
+                  <Box>
+                    <Text fz={"md"} fw={"bold"}>Program Unggulan</Text>
+                    <EditEditor
+                      value={perbekelState.edit.form.programUnggulan}
+                      onChange={(val) => perbekelState.edit.form.programUnggulan = val}
+                    />
+                  </Box>
+                  <Group>
+                    <Button
+                      onClick={handleSubmit}
+                      bg={colors['blue-button']}
+                    >
+                      Submit
+                    </Button>
+                  </Group>
+                </Stack>
+              </Box>
+            </Box>
+          </Stack>
+        </Paper>
+      </Stack>
+    </Box>
+  );
+}
+
+export default ProfilePerbekel;

src/app/admin/(dashboard)/desa/profile/profile-perbekel/page.tsx

@@ -1,10 +1,110 @@
+'use client'
+
 import colors from '@/con/colors';
-import { Paper, Text } from '@mantine/core';
+import { Box, Button, Center, Divider, Grid, GridCol, Image, Paper, Stack, Text, Title } from '@mantine/core';
+import { IconEdit } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+import { useSnapshot } from 'valtio';
+import stateProfileDesa from '../../../_state/desa/profile';
 
 function Page() {
+  const router = useRouter();
+  const snap = useSnapshot(stateProfileDesa);
+
+  // Panggil load data sekali saat komponen mount
+  useEffect(() => {
+    stateProfileDesa.profilPerbekel.findUnique.load("edit");
+  }, []);
+
+  const perbekel = snap.profilPerbekel.findUnique.data;
+
   return (
     <Paper bg={colors['white-1']} p={'md'}>
-      <Text>Test</Text>
+      <Stack gap={"xs"}>
+        <Grid>
+          <GridCol span={{ base: 12, md: 11 }}>
+            <Title order={3}>Preview Profile PPID</Title>
+          </GridCol>
+          <GridCol span={{ base: 12, md: 1 }}>
+            <Button bg={colors['blue-button']} onClick={() => router.push(`/admin/desa/profile/profile-perbekel/${snap.profilPerbekel.findUnique.data?.id}`)}>
+              <IconEdit size={16} />
+            </Button>
+          </GridCol>
+        </Grid>
+        {perbekel && (
+          <Box  >
+            <Paper p={"xl"} bg={colors['BG-trans']}>
+              <Box px={{ base: "md", md: 100 }}>
+                <Grid>
+                  <GridCol span={{ base: 12, md: 12 }}>
+                    <Center>
+                      <Image src={"/darmasaba-icon.png"} w={{ base: 100, md: 150 }} alt='' />
+                    </Center>
+                  </GridCol>
+                  <GridCol span={{ base: 12, md: 12 }}>
+                    <Text ta={"center"} fz={{ base: "1.2rem", md: "1.8rem" }} fw={'bold'}>PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA </Text>
+                  </GridCol>
+                </Grid>
+              </Box>
+              <Divider my={"md"} color={colors['blue-button']} />
+              {/* biodata perbekel */}
+              <Box px={{ base: 0, md: 50 }} pb={30}>
+                <Box pb={20} px={{ base: 0, md: 50 }}>
+                  <Paper bg={colors['BG-trans']} w={{ base: "100%", md: "100%" }}>
+                    <Stack gap={0}>
+                      <Center>
+                        <Image
+                          pt={{ base: 0, md: 90 }}
+                          src={perbekel.image?.link || "/perbekel.png"}
+                          w={{ base: 250, md: 350 }}
+                          alt='Foto Profil PPID'
+                          onError={(e) => {
+                            e.currentTarget.src = "/perbekel.png";
+                          }}
+                        />
+                      </Center>
+                      <Paper
+                        bg={colors['blue-button']}
+                        py={20}
+                        className="glass3"
+                        px={{ base: 10, md: 10 }}
+
+                      >
+                        <Text ta={"center"} c={colors['white-1']} fw={"bolder"} fz={{ base: "1.2rem", md: "1.6rem" }}>
+                        I.B. Surya Prabhawa Manuaba, S.H.,M.H.,NL.P.
+                        </Text>
+                      </Paper>
+                    </Stack>
+                  </Paper>
+                </Box>
+                <Box pt={10}>
+                  <Box>
+                    <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Biodata</Text>
+                    <Text fz={{ base: "1rem", md: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: perbekel.biodata }} />
+                  </Box>
+                  <Box>
+                    <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Pengalaman</Text>
+                    <Text fz={{ base: "1rem", md: "1.5rem" }} dangerouslySetInnerHTML={{ __html: perbekel.pengalaman }} />
+                  </Box>
+                </Box>
+                <Box pb={30}>
+                  <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Pengalaman Organisasi</Text>
+                  <Box px={20}>
+                    <Text fz={{ base: "1rem", md: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: perbekel.pengalamanOrganisasi }} />
+                  </Box>
+                </Box>
+                <Box pb={20}>
+                  <Text fz={{ base: "1.125rem", md: "1.6rem" }} fw={'bold'}>Program Kerja Unggulan</Text>
+                  <Box px={20}>
+                    <Text fz={{ base: "1rem", md: "1.5rem" }} ta={"justify"} dangerouslySetInnerHTML={{ __html: perbekel.programUnggulan }} />
+                  </Box>
+                </Box>
+              </Box>
+            </Paper>
+          </Box>
+        )}
+      </Stack>
     </Paper>
   );
 }

src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/[id]/page.tsx

@@ -0,0 +1,102 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+
+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 { toast } from 'react-toastify';
+import { useProxy } from 'valtio/utils';
+import demografiPekerjaan from '../../../_state/ekonomi/demografi-pekerjaan';
+
+function EditDemografiPekerjaan() {
+  const router = useRouter()
+  const params = useParams() as { id: string }
+  const stateDemografi = useProxy(demografiPekerjaan)
+
+  const id = params.id
+
+  useEffect(() => {
+    if (!id) return;
+    stateDemografi.update.id = id;
+    stateDemografi.findUnique.load(id)
+      .then(() => {
+        const data = stateDemografi.findUnique.data;
+        if (data) {
+          stateDemografi.update.form = {
+            pekerjaan: String(data.pekerjaan || ''),
+            lakiLaki: Number(data.lakiLaki || 0),
+            perempuan: Number(data.perempuan || 0)
+          };
+        }
+      })
+      .catch(error => {
+        console.error('Error loading data:', error);
+        toast.error('Gagal memuat data');
+      });
+  }, [id]);
+
+  // Di handleSubmit, ubah menjadi:
+  const handleSubmit = async () => {
+    try {
+      stateDemografi.update.id = id;
+      await stateDemografi.update.submit();
+      toast.success('Data berhasil diperbarui');
+      router.push('/admin/ekonomi/demografi-pekerjaan');
+    } catch (error) {
+      console.error('Error updating data:', error);
+      toast.error('Gagal memperbarui data');
+    }
+  };
+
+  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 Demografi Pekerjaan</Title>
+          <TextInput
+            label="Pekerjaan"
+            placeholder="masukkan pekerjaan"
+            value={stateDemografi.update.form.pekerjaan}
+            onChange={(val) => {
+              stateDemografi.update.form.pekerjaan = val.currentTarget.value;
+            }}
+          />
+          <TextInput
+            label="Jumlah Pekerja Laki - Laki"
+            type="number"
+            placeholder="masukkan jumlah pekerja laki - laki"
+            value={stateDemografi.update.form.lakiLaki}
+            onChange={(val) => {
+              stateDemografi.update.form.lakiLaki = Number(val.currentTarget.value);
+            }}
+          />
+          <TextInput
+            label="Jumlah Pekerja Perempuan"
+            type="number"
+            placeholder="masukkan jumlah pekerja perempuan"
+            value={stateDemografi.update.form.perempuan}
+            onChange={(val) => {
+              stateDemografi.update.form.perempuan = Number(val.currentTarget.value);
+            }}
+          />
+          <Button
+            mt={10}
+            bg={colors['blue-button']}
+            onClick={handleSubmit}
+          >
+            Simpan Perubahan
+          </Button>
+        </Stack>
+      </Paper>
+    </Box>
+  )
+}
+
+export default EditDemografiPekerjaan;

src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/create/page.tsx

@@ -1,41 +1,90 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import demografiPekerjaan from '../../../_state/ekonomi/demografi-pekerjaan';
 
 function CreateDemografiPekerjaan() {
-  const router = useRouter();
+  const stateDemografi = useProxy(demografiPekerjaan);
+  const [chartData, setChartData] = useState<any[]>([]);
+  const router = useRouter()
+
+  const resetForm = () => {
+    stateDemografi.create.form = {
+      pekerjaan: "",
+      lakiLaki: 0,
+      perempuan: 0,
+    }
+  }
+
+  const handleSubmit = async () => {
+    const id = await stateDemografi.create.create();
+    if (id) {
+      const idStr = String(id);
+      await stateDemografi.findUnique.load(idStr);
+      if (stateDemografi.findUnique.data) {
+        setChartData([stateDemografi.findUnique.data]);
+      }
+    }
+    resetForm();
+    router.push("/admin/ekonomi/demografi-pekerjaan");
+  }
   return (
     <Box>
       <Box mb={10}>
-        <Button onClick={() => router.back()} variant='subtle' color={'blue'}>
-          <IconArrowBack color={colors['blue-button']} size={25}/>
+        <Button variant="subtle" onClick={() => router.back()}>
+          <IconArrowBack size={20} />
         </Button>
       </Box>
-
-      <Paper w={{base: '100%', md: '50%'}} bg={colors['white-1']} p={'md'}>
-        <Stack gap={"xs"}>
-          <Title order={4}>Create Demografi Pekerjaan</Title>
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Pekerjaan</Text>}
-          placeholder='Masukkan pekerjaan'
-          />
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Jumlah Pekerja Laki - Laki</Text>}
-          placeholder='Masukkan jumlah pekerja laki - laki'
-          />
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Jumlah Pekerja Perempuan</Text>}
-          placeholder='Masukkan jumlah pekerja perempuan'
-          />
-          <Group>
-            <Button bg={colors['blue-button']}>Submit</Button>
-          </Group>
-       </Stack>
-      </Paper>
-   </Box>
+      <Box>
+        <Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p={'md'}>
+          <Title order={4}>Tambah Demografi Pekerjaan</Title>
+          <Stack gap={"xs"}>
+            <TextInput
+              label="Pekerjaan"
+              type="text"
+              value={stateDemografi.create.form.pekerjaan}
+              placeholder="Masukkan pekerjaan"
+              onChange={(val) => {
+                stateDemografi.create.form.pekerjaan = val.currentTarget.value;
+              }}
+            />
+            <TextInput
+              label="Jumlah Pekerja Laki - Laki"
+              type="number"
+              value={stateDemografi.create.form.lakiLaki}
+              placeholder="Masukkan jumlah pekerja laki - laki"
+              onChange={(val) => {
+                stateDemografi.create.form.lakiLaki = Number(val.currentTarget.value);
+              }}
+            />
+            <TextInput
+              label="Jumlah Pekerja Perempuan"
+              type="number"
+              value={stateDemografi.create.form.perempuan}
+              placeholder="Masukkan jumlah pekerja perempuan"
+              onChange={(val) => {
+                stateDemografi.create.form.perempuan = Number(val.currentTarget.value);
+              }}
+            />
+            <Group>
+              <Button
+                bg={colors['blue-button']}
+                mt={10}
+                onClick={handleSubmit}
+              >
+                Submit
+              </Button>
+            </Group>
+          </Stack>
+        </Paper>
+      </Box>
+    </Box>
   );
 }
 

src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/detail/page.tsx

@@ -1,62 +0,0 @@
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Flex, Paper, Stack, Text } from '@mantine/core';
-import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-// import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
-
-function DetailDemografiPekerjaan() {
-  const router = useRouter();
-  return (
-    <Box>
-      <Box mb={10}>
-        <Button variant="subtle" onClick={() => router.back()}>
-          <IconArrowBack color={colors['blue-button']} size={25} />
-        </Button>
-      </Box>
-      <Paper w={{ base: "100%", md: "50%" }} bg={colors['white-1']} p={'md'}>
-        <Stack>
-          <Text fz={"xl"} fw={"bold"}>Detail Demografi Pekerjaan</Text>
-
-          <Paper bg={colors['BG-trans']} p={'md'}>
-            <Stack gap={"xs"}>
-              <Box>
-                <Text fw={"bold"}>Pekerjaan</Text>
-                <Text>Karyawan</Text>
-              </Box>
-              <Box>
-                <Text fw={"bold"}>Jumlah Pekerja Laki - Laki</Text>
-                <Text>200</Text>
-              </Box>
-              <Box>
-                <Text fw={"bold"}>Jumlah Pekerja Perempuan</Text>
-                <Text>100</Text>
-              </Box>
-              <Box>
-                <Flex gap={"xs"}>
-                  <Button color="red">
-                    <IconX size={20} />
-                  </Button>
-                  <Button onClick={() => router.push('/admin/ekonomi/demografi-pekerjaan/edit')} color="green">
-                    <IconEdit size={20} />
-                  </Button>
-                </Flex>
-              </Box>
-            </Stack>
-          </Paper>
-        </Stack>
-      </Paper>
-
-      {/* Modal Hapus
-      <ModalKonfirmasiHapus
-        opened={modalHapus}
-        onClose={() => setModalHapus(false)}
-        onConfirm={handleHapus}
-        text="Apakah anda yakin ingin menghapus potensi ini?"
-      /> */}
-    </Box>
-  );
-}
-
-export default DetailDemografiPekerjaan;
-

src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/edit/page.tsx

@@ -1,42 +0,0 @@
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-
-
-function EditDemografiPekerjaan() {
-  const router = useRouter();
-  return (
-    <Box>
-      <Box mb={10}>
-        <Button onClick={() => router.back()} variant='subtle' color={'blue'}>
-          <IconArrowBack color={colors['blue-button']} size={25}/>
-        </Button>
-      </Box>
-
-      <Paper w={{base: '100%', md: '50%'}} bg={colors['white-1']} p={'md'}>
-        <Stack gap={"xs"}>
-          <Title order={4}>Edit Demografi Pekerjaan</Title>
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Pekerjaan</Text>}
-          placeholder='Masukkan pekerjaan'
-          />
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Jumlah Pekerja Laki - Laki</Text>}
-          placeholder='Masukkan jumlah pekerja laki - laki'
-          />
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Jumlah Pekerja Perempuan</Text>}
-          placeholder='Masukkan jumlah pekerja perempuan'
-          />
-          <Group>
-            <Button bg={colors['blue-button']}>Submit</Button>
-          </Group>
-       </Stack>
-      </Paper>
-   </Box>
-  );
-}
-
-export default EditDemografiPekerjaan;

src/app/admin/(dashboard)/ekonomi/demografi-pekerjaan/page.tsx

@@ -1,26 +1,85 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
-import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
+import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { useMediaQuery, useShallowEffect } from '@mantine/hooks';
+import { IconEdit, IconSearch, IconTrash } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { Bar, BarChart, Legend, Tooltip, XAxis, YAxis } from 'recharts';
+import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
-import { useRouter } from 'next/navigation';
+import { ModalKonfirmasiHapus } from '../../_com/modalKonfirmasiHapus';
+import demografiPekerjaan from '../../_state/ekonomi/demografi-pekerjaan';
 
 function DemografiPekerjaan() {
+  const [search, setSearch] = useState('');
   return (
     <Box>
       <HeaderSearch
         title='Demografi Pekerjaan'
         placeholder='pencarian'
         searchIcon={<IconSearch size={20} />}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
       />
-      <ListDemografiPekerjaan/>
+      <ListDemografiPekerjaan search={search} />
     </Box>
   );
 }
 
-function ListDemografiPekerjaan() {
+function ListDemografiPekerjaan({ search }: { search: string }) {
+  type DemografiPekerjaan = {
+    id: string;
+    pekerjaan: string;
+    lakiLaki: number;
+    perempuan: number;
+  }
+
   const router = useRouter();
+  const stateDemografi = useProxy(demografiPekerjaan)
+  const [chartData, setChartData] = useState<DemografiPekerjaan[]>([]);
+  const [mounted, setMounted] = useState(false); // untuk memastikan DOM sudah ready
+  const isTablet = useMediaQuery('(max-width: 1024px)')
+  const isMobile = useMediaQuery('(max-width: 768px)')
+  const [modalHapus, setModalHapus] = useState(false)
+  const [selectedId, setSelectedId] = useState<string | null>(null)
+
+  const handleDelete = () => {
+    if (selectedId) {
+      stateDemografi.delete.byId(selectedId)
+      setModalHapus(false)
+      setSelectedId(null)
+
+      stateDemografi.findMany.load()
+    }
+  }
+  
+  useShallowEffect(() => {
+    setMounted(true)
+    stateDemografi.findMany.load()
+  }, [])
+
+  useEffect(() => {
+    setMounted(true);
+    if (stateDemografi.findMany.data) {
+      setChartData(stateDemografi.findMany.data.map((item) => ({
+        id: item.id,
+        pekerjaan: item.pekerjaan,
+        lakiLaki: Number(item.lakiLaki),
+        perempuan: Number(item.perempuan),
+      })));
+    }
+  }, [stateDemografi.findMany.data]);
+
+  const filteredData = (stateDemografi.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.pekerjaan.toLowerCase().includes(keyword) ||
+      item.lakiLaki.toString().toLowerCase().includes(keyword) ||
+      item.perempuan.toString().toLowerCase().includes(keyword)
+    );
+  });
   return (
     <Box py={10}>
       <Paper bg={colors['white-1']} p={'md'}>
@@ -34,23 +93,71 @@ function ListDemografiPekerjaan() {
               <TableTh>Pekerjaan</TableTh>
               <TableTh>Jumlah Pekerja Laki - Laki</TableTh>
               <TableTh>Jumlah Pekerja Perempuan</TableTh>
-              <TableTh>Detail</TableTh>
-              </TableTr>
+              <TableTh>Edit</TableTh>
+              <TableTh>Delete</TableTh>
+            </TableTr>
           </TableThead>
           <TableTbody>
-            <TableTr>
-              <TableTd>Karyawan</TableTd>
-              <TableTd>200</TableTd>
-              <TableTd>100</TableTd>
-              <TableTd>
-                <Button onClick={() => router.push('/admin/ekonomi/demografi-pekerjaan/detail')}>
-                  <IconDeviceImac size={20} />
-                </Button>
-              </TableTd>
-            </TableTr>
+            {filteredData.map((item) => (
+              <TableTr key={item.id}>
+                <TableTd>{item.pekerjaan}</TableTd>
+                <TableTd>{item.lakiLaki}</TableTd>
+                <TableTd>{item.perempuan}</TableTd>
+                <TableTd>
+                  <Button color='green' onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/${item.id}`)}>
+                    <IconEdit size={20} />
+                  </Button>
+                </TableTd>
+                <TableTd>
+                  <Button
+                    color='red'
+                    disabled={stateDemografi.delete.loading}
+                    onClick={() => {
+                      setSelectedId(item.id)
+                      setModalHapus(true)
+                    }}>
+                    <IconTrash size={20} />
+                  </Button>
+                </TableTd>
+              </TableTr>
+            ))}
           </TableTbody>
-        </Table>  
+        </Table>
       </Paper>
+
+      {/* Chart */}
+      {!mounted && !chartData ? (
+        <Box style={{ width: '100%', minWidth: 300, height: 400, minHeight: 300 }}>
+          <Paper bg={colors['white-1']} p={'md'}>
+            <Title pb={10} order={3}>Data Kelahiran & Kematian</Title>
+            <Text c='dimmed'>Belum ada data untuk ditampilkan dalam grafik</Text>
+          </Paper>
+        </Box>
+      ) : (
+        <Box style={{ width: '100%', minWidth: 300, height: 400, minHeight: 300 }}>
+          <Paper bg={colors['white-1']} p={'md'}>
+            <Title pb={10} order={4}>Data Kelahiran & Kematian</Title>
+            {mounted && chartData.length > 0 && (
+              <BarChart width={isMobile ? 450 : isTablet ? 500 : 550} height={350} data={chartData} >
+                <XAxis dataKey="pekerjaan" />
+                <YAxis />
+                <Tooltip />
+                <Legend />
+                <Bar dataKey="lakiLaki" fill="#f03e3e" name="Laki - Laki" />
+                <Bar dataKey="perempuan" fill="#ff922b" name="Perempuan" />
+              </BarChart>
+            )}
+          </Paper>
+        </Box>
+      )}
+
+      {/* Modal Konfirmasi Hapus */}
+      <ModalKonfirmasiHapus
+        opened={modalHapus}
+        onClose={() => setModalHapus(false)}
+        onConfirm={handleDelete}
+        text='Apakah anda yakin ingin menghapus demografi pekerjaan ini?'
+      />
     </Box>
   );
 }

src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/[id]/page.tsx

@@ -0,0 +1,80 @@
+/* eslint-disable react-hooks/exhaustive-deps */
+'use client'
+
+import jumlahPendudukMiskin from '@/app/admin/(dashboard)/_state/ekonomi/jumlah-penduduk-miskin';
+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 EditJumlahPendudukMiskin() {
+  const router = useRouter()
+  const params = useParams() as { id: string }
+  const stateJPM = useProxy(jumlahPendudukMiskin)
+
+  const id = params.id
+
+  // Load data saat komponen mount
+  useEffect(() => {
+    if (id) {
+      stateJPM.findUnique.load(id).then(() => {
+        const data = stateJPM.findUnique.data
+        if (data) {
+          stateJPM.update.form = {
+            year: data.year || 0,
+            totalPoorPopulation: data.totalPoorPopulation || 0,
+          }
+        }
+      })
+    }
+  }, [id])
+
+  const handleSubmit = async () => {
+    // Set the ID before submitting
+    stateJPM.update.id = id;
+    await stateJPM.update.submit();
+    router.push('/admin/ekonomi/jumlah-penduduk-miskin-2024-2025')
+  }
+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 Jumlah Penduduk Miskin</Title>
+          <TextInput
+            label="Tahun"
+            placeholder="masukkan tahun"
+            value={stateJPM.update.form.year}
+            onChange={(val) => {
+              stateJPM.update.form.year = Number(val.currentTarget.value);
+            }}
+          />
+          <TextInput
+            label="Jumlah Penduduk Miskin"
+            type="number"
+            placeholder="masukkan jumlah penduduk miskin"
+            value={stateJPM.update.form.totalPoorPopulation}
+            onChange={(val) => {
+              stateJPM.update.form.totalPoorPopulation = Number(val.currentTarget.value);
+            }}
+          />
+          <Button
+            mt={10}
+            bg={colors['blue-button']}
+            onClick={handleSubmit}
+          >
+            Simpan
+          </Button>
+        </Stack>
+      </Paper>
+    </Box>
+  )
+}
+
+export default EditJumlahPendudukMiskin;

src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-miskin-2024-2025/create/page.tsx

@@ -1,37 +1,81 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
+import grafikkepuasan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan';
 import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { Box, Button, Group, Paper, Stack, TextInput, Title } from '@mantine/core';
 import { IconArrowBack } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-
+import { useState } from 'react';
+import { useProxy } from 'valtio/utils';
+import jumlahPendudukMiskin from '../../../_state/ekonomi/jumlah-penduduk-miskin';
 
 function CreateJumlahPendudukMiskin() {
-  const router = useRouter();
+  const stateJPM = useProxy(jumlahPendudukMiskin);
+  const [chartData, setChartData] = useState<any[]>([]);
+  const router = useRouter()
+
+  const resetForm = () => {
+    stateJPM.create.form = {
+      year: 0,
+      totalPoorPopulation: 0,
+    }
+  }
+
+  const handleSubmit = async () => {
+    const id = await stateJPM.create.create();
+    if (id) {
+      const idStr = String(id);
+      await stateJPM.findUnique.load(idStr);
+      if (stateJPM.findUnique.data) {
+        setChartData([stateJPM.findUnique.data]);
+      }
+    }
+    resetForm();
+    router.push("/admin/ekonomi/jumlah-penduduk-miskin-2024-2025");
+  }
   return (
     <Box>
       <Box mb={10}>
-        <Button onClick={() => router.back()} variant='subtle' color={'blue'}>
-          <IconArrowBack color={colors['blue-button']} size={25}/>
+        <Button variant="subtle" onClick={() => router.back()}>
+          <IconArrowBack size={20} />
         </Button>
       </Box>
-
-      <Paper w={{base: '100%', md: '50%'}} bg={colors['white-1']} p={'md'}>
-        <Stack gap={"xs"}>
-          <Title order={4}>Create Jumlah Penduduk Miskin</Title>
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Tahun</Text>}
-          placeholder='Masukkan tahun'
-          />
-          <TextInput
-          label={<Text fw={"bold"} fz={"sm"}>Jumlah Penduduk Miskin</Text>}
-          placeholder='Masukkan jumlah penduduk miskin'
-          />
-          <Group>
-            <Button bg={colors['blue-button']}>Submit</Button>
-          </Group>
-       </Stack>
-      </Paper>
-   </Box>
+      <Box>
+        <Paper w={{ base: '100%', md: '50%' }} bg={colors['white-1']} p={'md'}>
+          <Title order={4}>Tambah Grafik Hasil Kepuasan Masyarakat</Title>
+          <Stack gap={"xs"}>
+            <TextInput
+              label="Tahun"
+              type="number"
+              value={stateJPM.create.form.year}
+              placeholder="Masukkan tahun"
+              onChange={(val) => {
+                stateJPM.create.form.year = Number(val.currentTarget.value);
+              }}
+            />
+            <TextInput
+              label="Jumlah Penduduk Miskin"
+              type="number"
+              value={stateJPM.create.form.totalPoorPopulation}
+              placeholder="Masukkan jumlah penduduk miskin"
+              onChange={(val) => {
+                stateJPM.create.form.totalPoorPopulation = Number(val.currentTarget.value);
+              }}
+            />
+            <Group>
+              <Button
+                bg={colors['blue-button']}
+                mt={10}
+                onClick={handleSubmit}
+              >
+                Submit
+              </Button>
+            </Group>
+          </Stack>
+        </Paper>
+      </Box>
+    </Box>
   );
 }