Test foto gdrive

prisma/data/desa/layanan/pelayananSuratKeterangan.json

@@ -47,7 +47,9 @@
     {
         "id" : "cmdxy754q000svniiiz8oqyo0",
         "name" : "Surat Keterangan Belum Kawin",
-        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</p></li></ul><p>Alur Pelayanan :</p>"
+        "deskripsi" : "<p>Persyaratan Dokumen :</p><ul><li><p>Pengantar Kelian Banjar Dinas di Wilayah Masing - masing</p></li><li><p>Fotocopy KTP atau Kartu Keluarga</p></li><li><p>Khusus bagi yang berstatus duda atau janda melampirkan fotocopy akta cerai atau dokumen pendukung lainnya</p></li></ul><p>Alur Pelayanan :</p>",
+        "imageId" : "cmeilibnt000007i66s5f73ss",
+        "image2Id" : "cmeilvjmp000007kz9kll5bd2"
     },
     {
         "id" : "cmdxy8pi2000wvnii48fc1sxd",

prisma/data/file-storage.json

@@ -0,0 +1,29 @@
+[
+  {
+    "id": "cmeijzdwk000207lb2u4u96wn",
+    "name": "foto_kades",
+    "realName": "kades.jpg",
+    "path": "uploads/images/kades.jpg",
+    "mimeType": "image/jpeg",
+    "link": "https://drive.google.com/file/d/18C_kzKfEWvsGepAHASb2FIwXyyrzMdu2",
+    "category": "image"
+  },
+  {
+    "id": "cmeilibnt000007i66s5f73ss",
+    "name": "surat-keterangan-belum-kawin",
+    "realName": "surat-keterangan-belum-kawin.jpg",
+    "path": "uploads/images/surat-keterangan-belum-kawin.jpg",
+    "mimeType": "image/jpeg",
+    "link": "https://drive.google.com/file/d/1S6p1gSlgf5fRt6f3UOtB7r3MIHQ4-BlU",
+    "category": "image"
+  },
+  {
+    "id": "cmeilvjmp000007kz9kll5bd2",
+    "name": "skema-surat-keterangan-belum-kawin",
+    "realName": "skema-surat-keterangan-belum-kawin.jpg",
+    "path": "uploads/images/skema-surat-keterangan-belum-kawin.jpg",
+    "mimeType": "image/jpeg",
+    "link": "https://drive.google.com/file/d/1vTXobCipplsNj21BefDuEDTHsb-CbyAz",
+    "category": "image"
+  }
+]

prisma/data/landing-page/desa-anti-korupsi/desaantiKorpusi.json

@@ -3,108 +3,126 @@
         "id": "cmds9h9ko000pvnberdjnx64b",
         "name": "1.1 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA",
         "deskripsi": "<p>ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PERENCANAAN, PELAKSANAAN, PENATAUSAHAAN DAN PERTANGGUNG JAWABAN APBDES BESERTA IMPLEMENTASINYA</p>",
-        "kategoriId": "cmds9es2o000ivnbe1o0swrvh"
+        "kategoriId": "cmds9es2o000ivnbe1o0swrvh",
+        "fileId": ""
     },
     {
         "id": "cmds9sjmz000svnbesv2133of",
         "name": "1.2 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP MENGENAI MEKANISME EVALUASI KINERJA PERANGKAT DESA",
         "deskripsi": "<p>ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP MENGENAI MEKANISME EVALUASI KINERJA PERANGKAT DESA</p>",
-        "kategoriId": "cmds9es2o000ivnbe1o0swrvh"
+        "kategoriId": "cmds9es2o000ivnbe1o0swrvh",
+        "fileId": ""
     },
     {
         "id": "cmds9tcpi000vvnbev3ebtlnt",
         "name": "1.3 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PENGENDALIAN GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN",
         "deskripsi": "<p>ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PENGENDALIAN GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN</p>",
-        "kategoriId": "cmds9es2o000ivnbe1o0swrvh"
+        "kategoriId": "cmds9es2o000ivnbe1o0swrvh",
+        "fileId": ""
     },
     {
         "id": "cmds9twvj000yvnbep0pq8dzf",
         "name": "1.4 PERJANJIAN KERJA SAMA ANTARA PELAKSANA KEGIATAN ANGGARAN DENGAN PIHAK PENYEDIA, DAN TELAH MELALUI PROSES PENGADAAN BARANG/JASA DI DESA",
         "deskripsi": "<p>PERJANJIAN KERJA SAMA ANTARA PELAKSANA KEGIATAN ANGGARAN DENGAN PIHAK PENYEDIA, DAN TELAH MELALUI PROSES PENGADAAN BARANG/JASA DI DESA</p>",
-        "kategoriId": "cmds9es2o000ivnbe1o0swrvh"
+        "kategoriId": "cmds9es2o000ivnbe1o0swrvh",
+        "fileId": ""
     },
     {
         "id": "cmds9ugap0011vnbe118yv871",
         "name": "1.5 ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PAKTA INTEGRITAS DAN SEJENISNYA",
         "deskripsi": "<p>ADANYA PERDES/KEPUTUSAN KEPALA DESA/SOP TENTANG PAKTA INTEGRITAS DAN SEJENISNYA</p>",
-        "kategoriId": "cmds9es2o000ivnbe1o0swrvh"
+        "kategoriId": "cmds9es2o000ivnbe1o0swrvh",
+        "fileId": ""
     },
     {
         "id": "cmdsa35310014vnbe6qy6l1rz",
         "name": "2.1 ADANYA KEGIATAN PENGAWASAN DAN EVALUASI KINERJA PERANGKAT DESA",
         "deskripsi": "<p>ADANYA KEGIATAN PENGAWASAN DAN EVALUASI KINERJA PERANGKAT DESA</p>",
-        "kategoriId": "cmds9f2ua000jvnbeksu1sfwm"
+        "kategoriId": "cmds9f2ua000jvnbeksu1sfwm",
+        "fileId": ""
     },
     {
         "id": "cmdsa46590017vnbepp3noso1",
         "name": "2.2 ADANYA TINDAK LANJUT HASIL PEMBINAAN, PETUNJUK, ARAH, PENGAWASAN, DAN PEMERIKSAAN DARI PEMERINTAH PUSAT/DAERAH",
         "deskripsi": "<p>ADANYA TINDAK LANJUT HASIL PEMBINAAN, PETUNJUK, ARAH, PENGAWASAN, DAN PEMERIKSAAN DARI PEMERINTAH PUSAT/DAERAH</p>",
-        "kategoriId": "cmds9f2ua000jvnbeksu1sfwm"
+        "kategoriId": "cmds9f2ua000jvnbeksu1sfwm",
+        "fileId": ""
     },
     {
         "id": "cmdsa5m7z001avnbe4cvfrcz0",
         "name": "2.3 TIDAK ADANYA APARATUR DESA DALAM 3(TIGA) TAHUN TERAKHIR YANG TERJERAT TINDAKAN PIDANA KORUPSI",
         "deskripsi": "<p>TIDAK ADANYA APARATUR DESA DALAM 3(TIGA) TAHUN TERAKHIR YANG TERJERAT TINDAKAN PIDANA KORUPSI</p>",
-        "kategoriId": "cmds9f2ua000jvnbeksu1sfwm"
+        "kategoriId": "cmds9f2ua000jvnbeksu1sfwm",
+        "fileId": ""
     },
     {
         "id": "cmdsa8q5q001dvnbemch8j24x",
         "name": "3.1 ADANYA LAYANAN PENGADUAN BAGI MASYARAKAT",
         "deskripsi": "<p>ADANYA LAYANAN PENGADUAN BAGI MASYARAKAT</p>",
-        "kategoriId": "cmds9fr73000kvnbe6w281dcl"
+        "kategoriId": "cmds9fr73000kvnbe6w281dcl",
+        "fileId": ""
     },
     {
         "id": "cmdsa9lbi001gvnbequn2ba7m",
         "name": "3.2 ADANYA SURVEY KEPUASAN MASYARAKAT (SKM) TERHADAP LAYANAN PEMERINTAH DESA",
         "deskripsi": "<p>ADANYA SURVEY KEPUASAN MASYARAKAT (SKM) TERHADAP LAYANAN PEMERINTAH DESA</p>",
-        "kategoriId": "cmds9fr73000kvnbe6w281dcl"
+        "kategoriId": "cmds9fr73000kvnbe6w281dcl",
+        "fileId": ""
     },
     {
         "id": "cmdsaa7aq001jvnbeizh04e67",
         "name": "3.3 ADANYA KETERBUKAAN AKSES MASYARAKAT TERHADAP INFORMASI LAYANAN PEMERINTAH DESA (KESEHATAN, PENDIDIKAN, SOSIAL, LINGKUNGAN, TRANTIBUMLINMAS, PEKERJAAN UMUM) PEMBANGUNAN, KEPENDUDUKAN, KEUANGAN, DAN PELAYANAN LAINNYA",
         "deskripsi": "<p>ADANYA KETERBUKAAN AKSES MASYARAKAT TERHADAP INFORMASI LAYANAN PEMERINTAH DESA (KESEHATAN, PENDIDIKAN, SOSIAL, LINGKUNGAN, TRANTIBUMLINMAS, PEKERJAAN UMUM) PEMBANGUNAN, KEPENDUDUKAN, KEUANGAN, DAN PELAYANAN LAINNYA</p>",
-        "kategoriId": "cmds9fr73000kvnbe6w281dcl"
+        "kategoriId": "cmds9fr73000kvnbe6w281dcl",
+        "fileId": ""
     },
     {
         "id": "cmdsaaw8d001mvnbek3tfefrk",
         "name": "3.4 ADANYA MEDIA INFORMASI TENTANG APBDES DI BALAI DESA DAN/ATAU TEMPAT LAIN YANG MUDAH DIAKSES OLEH MASYARAKAT",
         "deskripsi": "<p>ADANYA MEDIA INFORMASI TENTANG APBDES DI BALAI DESA DAN/ATAU TEMPAT LAIN YANG MUDAH DIAKSES OLEH MASYARAKAT</p>",
-        "kategoriId": "cmds9fr73000kvnbe6w281dcl"
+        "kategoriId": "cmds9fr73000kvnbe6w281dcl",
+        "fileId": ""
     },
     {
         "id": "cmdsabhif001pvnbepm06hry6",
         "name": "3.5 ADANYA MAKLUMAT PELAYANAN",
         "deskripsi": "<p>ADANYA MAKLUMAT PELAYANAN</p>",
-        "kategoriId": "cmds9fr73000kvnbe6w281dcl"
+        "kategoriId": "cmds9fr73000kvnbe6w281dcl",
+        "fileId": ""
     },
     {
         "id": "cmdsag40b001svnbe7krq9khc",
         "name": "4.1 ADANYA PARTISIPASI DAN KETERLIBATAN MASYARAKAT DALAM PENYUSUNAN RKP DESA",
         "deskripsi": "<p>ADANYA PARTISIPASI DAN KETERLIBATAN MASYARAKAT DALAM PENYUSUNAN RKP DESA</p>",
-        "kategoriId": "cmds9g5ow000lvnbel3rkkwrv"
+        "kategoriId": "cmds9g5ow000lvnbel3rkkwrv",
+        "fileId": ""
     },
     {
         "id": "cmdsagkaf001vvnbejo26w8sa",
         "name": "4.2 ADANYA KESADARAN MASYARAKAT DALAM MENCEGAH TERJADINYA PRAKTIK GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN",
         "deskripsi": "<p>ADANYA KESADARAN MASYARAKAT DALAM MENCEGAH TERJADINYA PRAKTIK GRATIFIKASI, SUAP DAN KONFLIK KEPENTINGAN</p>",
-        "kategoriId": "cmds9g5ow000lvnbel3rkkwrv"
+        "kategoriId": "cmds9g5ow000lvnbel3rkkwrv",
+        "fileId": ""
     },
     {
         "id": "cmdsah4qe001yvnbeiy3mwrvb",
         "name": "4.3 ADANYA KETERLIBATAN LEMBAGA KEMASYARAKATAN DALAM PELAKSANAAN PEMBANGUNAN DESA",
         "deskripsi": "<p>ADANYA KETERLIBATAN LEMBAGA KEMASYARAKATAN DALAM PELAKSANAAN PEMBANGUNAN DESA</p>",
-        "kategoriId": "cmds9g5ow000lvnbel3rkkwrv"
+        "kategoriId": "cmds9g5ow000lvnbel3rkkwrv",
+        "fileId": ""
     },
     {
         "id": "cmdsak5vn0021vnbemg86aab4",
         "name": "5.1 ADANYA BUDAYA LOKAL/HUKUM ADAT YANG MENDORONG UPAYA PENCEGAHAN TINDAK PIDANA KORUPSI",
         "deskripsi": "<p>ADANYA BUDAYA LOKAL/HUKUM ADAT YANG MENDORONG UPAYA PENCEGAHAN TINDAK PIDANA KORUPSI</p>",
-        "kategoriId": "cmds9govb000mvnbesq8b4y99"
+        "kategoriId": "cmds9govb000mvnbesq8b4y99",
+        "fileId": ""
     },
     {
         "id": "cmdsalc800024vnbezgulhgrb",
         "name": "5.2 ADANYA TOKOH MASYARAKAT, TOKOH AGAMA, TOKOH ADAT, TOKOH PEMUDA, DAN KAUM PEREMPUAN YANG MENDORONG UPAYA PENCEGAHAN TINDAK PIDANA KORUPSI",
         "deskripsi": "<p>ADANYA TOKOH MASYARAKAT, TOKOH AGAMA, TOKOH ADAT, TOKOH PEMUDA, DAN KAUM PEREMPUAN YANG MENDORONG UPAYA PENCEGAHAN TINDAK PIDANA KORUPSI</p>",
-        "kategoriId": "cmds9govb000mvnbesq8b4y99"
+        "kategoriId": "cmds9govb000mvnbesq8b4y99",
+        "fileId": ""
     }
 ]

prisma/data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json

@@ -1,14 +1,8 @@
 [
     {
-        "id": "cmeppcwzk0000vn5exmudcipd",
-        "jenisInformasi": "Potensi Desa",
-        "deskripsi": "<p>“Potensi desa adalah segenap sumber daya alam dan sumber daya manusia yang dimiliki desa sebagai modal dasar yang perlu dikelola dan dikembangkan bagi kelangsungan dan perkembangan desa. Adapun potensi yang dimiliki Desa Darmasaba yaitu:</p><ol><li><p>TPS3R Pudak Mesari</p></li><li><p>Bumdes Pudak Mesari</p></li><li><p>Pertanian</p></li><li><p>Jogging Track Tegeh Aban, Karang Gadon dan Munduk Uma Desa</p></li><li><p>Taman Beji Cengana</p></li><li><p>Dam Tanah Putih</p></li><li><p>Gumuh Sari Water Park</p></li><li><p>UMKM</p></li><li><p>Kawasan Kuliner</p></li><li><p>IKM berbasis Pengolahan Pangan</p></li><li><p>Genteng</p></li><li><p>Peternakan Ikan Lele</p></li><li><p>Pemotongan Daging”</p></li></ol>",
-        "tanggal": "2021-05-25"
-    },
-    {
-        "id": "cmeppieay0001vn5e8qe658ub",
-        "jenisInformasi": "Layanan Surat Keterangan Desa",
-        "deskripsi": "<p>“Desa Darmasaba menyediakan berbagai jenis layanan surat keterangan untuk kebutuhan administratif, antara lain:</p><ul><li><p>Surat Keterangan Domisili Organisasi</p></li><li><p>Surat Keterangan Penghasilan</p></li><li><p>Surat Keterangan Tidak Mampu</p></li><li><p>Surat Keterangan Kelahiran</p></li><li><p>Surat Keterangan Usaha</p></li><li><p>Surat Keterangan Tempat Usaha</p></li><li><p>Surat Keterangan Belum Kawin</p></li><li><p>Surat Keterangan Kelakuan Baik (Pengantar SKCK)</p></li><li><p>Surat Keterangan Kematian</p></li><li><p>Surat Keterangan Perbedaan Biodata Diri</p></li><li><p>Surat Keterangan Yatim/Piatu/Yatim Piatu<br>Untuk surat keterangan lainnya, masyarakat dapat berkonsultasi langsung ke kantor Perbekel Darmasaba.”<br><em>(Sumber: Laman Layanan Desa Darmasaba)</em></p></li></ul>",
-        "tanggal": "2025-02-21"
+        "id": "1",
+        "jenisInformasi": "Peraturan Desa",
+        "deskripsi": "Dokumen yang berisi kebijakan dan regulasi desa",
+        "tanggal": "15 Januari 2024"
     }
 ]

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

@@ -5,6 +5,7 @@
     "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>",
     "pengalaman": "<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>",
-    "unggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>"
+    "unggulan": "<h3>Pemberdayaan Ekonomi dan UMKM</h3> <ul> <li>Pelatihan dan pendampingan UMKM lokal</li> <li>Program bantuan modal usaha bagi pelaku usaha kecil</li><li>Digitalisasi UMKM untuk meningkatkan pemasaran produk lokal</li></ul>",
+    "imageId": "cmeijzdwk000207lb2u4u96wn"
   }
 ]

prisma/schema.prisma

@@ -85,6 +85,7 @@ model FileStorage {
   KontakItem                     KontakItem[]
   Pegawai                        Pegawai[]
   DesaDigital                    DesaDigital[]
+  KolaborasiInovasi              KolaborasiInovasi[]
   InfoTekno                      InfoTekno[]
   PengaduanMasyarakat            PengaduanMasyarakat[]
   KegiatanDesa                   KegiatanDesa[]
@@ -99,8 +100,6 @@ model FileStorage {
   DataPerpustakaan               DataPerpustakaan[]
   PegawaiPPID                    PegawaiPPID[]
   PerbekelDariMasaKeMasa         PerbekelDariMasaKeMasa[]
-
-  MitraKolaborasi MitraKolaborasi[]
 }
 
 //========================================= MENU LANDING PAGE ========================================= //
@@ -202,8 +201,8 @@ model PrestasiDesa {
   deskripsi  String               @db.Text
   kategori   KategoriPrestasiDesa @relation(fields: [kategoriId], references: [id])
   kategoriId String
-  image      FileStorage?          @relation(fields: [imageId], references: [id])
-  imageId    String?
+  image      FileStorage          @relation(fields: [imageId], references: [id])
+  imageId    String
   createdAt  DateTime             @default(now())
   updatedAt  DateTime             @updatedAt
   deletedAt  DateTime             @default(now())
@@ -224,7 +223,7 @@ model KategoriPrestasiDesa {
 model Responden {
   id             String                 @id @default(cuid())
   name           String                 @unique
-  tanggal        DateTime               @db.Date // misal: 2025-05-01
+  tanggal        String // misal: 2025-05-01
   jenisKelamin   JenisKelaminResponden  @relation(fields: [jenisKelaminId], references: [id])
   jenisKelaminId String
   rating         PilihanRatingResponden @relation(fields: [ratingId], references: [id])
@@ -293,9 +292,6 @@ model PosisiOrganisasiPPID {
   pegawai            PegawaiPPID[]
   strukturOrganisasi StrukturPPID[] // Relasi balik
   parentId           String?
-  isActive           Boolean              @default(true)
-  createdAt          DateTime             @default(now())
-  updatedAt          DateTime             @updatedAt
   parent             PosisiOrganisasiPPID?  @relation("Parent", fields: [parentId], references: [id])
   children           PosisiOrganisasiPPID[] @relation("Parent")
 }
@@ -1551,7 +1547,7 @@ model DataDemografiPekerjaan {
 model DetailDataPengangguran {
   id                     String   @id @default(uuid()) @db.Uuid
   month                  String   @db.VarChar(20)
-  year                   DateTime
+  year                   Int
   totalUnemployment      Int
   educatedUnemployment   Int
   uneducatedUnemployment Int
@@ -1645,22 +1641,14 @@ model KolaborasiInovasi {
   slug        String      @db.Text //deskripsi singkat
   deskripsi   String      @db.Text //deskripsi panjang
   kolaborator 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)
 }
 
-model MitraKolaborasi {
-  id        String   @id @default(cuid())
-  name      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 TEKHNOLOGI TEPAT GUNA ========================================= //
 model InfoTekno {
   id        String      @id @default(cuid())

prisma/seed.ts

@@ -1,62 +1,85 @@
 import prisma from "@/lib/prisma";
+import fs from "fs/promises";
+import path from "path";
 import profilePejabatDesa from "./data/landing-page/profile/profile.json";
+import penghargaan from "./data/landing-page/penghargaan/penghargaan.json";
 import programInovasi from "./data/landing-page/profile/programInovasi.json";
 import mediaSosial from "./data/landing-page/profile/mediaSosial.json";
-import desaAntiKorupsi from "./data/landing-page/desa-anti-korupsi/desaantiKorpusi.json";
-import kategoriDesaAntiKorupsi from "./data/landing-page/desa-anti-korupsi/kategoriDesaAntiKorupsi.json";
 import sdgsDesa from "./data/landing-page/sdgs-desa/sdgs-desa.json";
 import apbdes from "./data/landing-page/apbdes/apbdes.json";
-import kategoriPrestasiDesa from "./data/landing-page/prestasi-desa/kategori-prestasi.json";
-import prestasiDesa from "./data/landing-page/prestasi-desa/prestasi-desa.json";
-import penghargaan from "./data/landing-page/penghargaan/penghargaan.json";
-import profilePPID from "./data/ppid/profile-ppid/profilePPid.json";
-import pegawaiPPID from "./data/ppid/struktur-ppid/pegawai-PPID.json";
-import posisiOrganisasiPPID from "./data/ppid/struktur-ppid/posisi-organisasi-PPID.json";
-import visiMisiPPID from "./data/ppid/visi-misi-ppid/visimisiPPID.json";
-import dasarHukumPPID from "./data/ppid/dasar-hukum-ppid/dasarhukumPPID.json";
-import jenisKelamin from "./data/ppid/ikm/jenis-kelamin/jenis-kelamin.json";
-import daftarInformasiPublik from "./data/ppid/daftar-informasi-publik-desa-darmasaba/daftarInformasi.json"
-import pilihanRatingResponden from "./data/ppid/ikm/pilihan-rating-responden/rating-responden.json";
-import umurResponden from "./data/ppid/ikm/umur-responden/umur-responden.json";
-import categoryPengumuman from "./data/category-pengumuman.json";
-import pelayananPerizinanBerusaha from "./data/desa/layanan/pelayananPerizinanBerusaha.json";
 import pelayananSuratKeterangan from "./data/desa/layanan/pelayananSuratKeterangan.json";
-import pelayananTelunjukSaktiDesa from "./data/desa/layanan/pelayananTelunjukSaktiDesa.json";
-import pelayananPendudukNonPermanen from "./data/desa/layanan/pelayanaPendudukNonPermanen.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 sejarahDesa from "./data/desa/profile/sejarah_desa.json";
-import visiMisiDesa from "./data/desa/profile/visi_misi_desa.json";
-import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
-import kategoriProduk from "./data/ekonomi/pasar-desa/kategori-produk.json";
-import hubunganOrganisasi from "./data/ekonomi/struktur-organisasi/hubungan-organisasi.json";
-import pegawai from "./data/ekonomi/struktur-organisasi/pegawai.json";
-import posisiOrganisasi from "./data/ekonomi/struktur-organisasi/posisi-organisasi.json";
+import categoryPengumuman from "./data/category-pengumuman.json";
 import kategoriBerita from "./data/kategori-berita.json";
-import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
-import materiEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan.json";
-import tujuanEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan.json";
-import bentukKonservasiBerdasarkanAdat from "./data/lingkungan/konservasi-adat-bali/bentuk-konservasi.json";
-import filosofiTriHita from "./data/lingkungan/konservasi-adat-bali/filosofi-tri-hita.json";
-import nilaiKonservasiAdat from "./data/lingkungan/konservasi-adat-bali/nilai-konservasi-adat.json";
 import caraMemperolehInformasi from "./data/list-caraMemperolehInformasi.json";
 import caraMemperolehSalinanInformasi from "./data/list-caraMemperolehSalinanInformasi.json";
 import jenisInformasiDiminta from "./data/list-jenisInfromasi.json";
+import layanan from "./data/list-layanan.json";
 import potensi from "./data/list-potensi.json";
-import fasilitasBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan.json";
-import lokasiJadwalBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal.json";
-import tujuanBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/tujuan-bimbingan-belajar-desa.json";
-import jenisProgramYangDiselenggarakan from "./data/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan.json";
-import tempatKegiatan from "./data/pendidikan/pendidikan-non-formal/tempat-kegiatan.json";
+import dasarHukumPPID from "./data/ppid/dasar-hukum-ppid/dasarhukumPPID.json";
+import profilePPID from "./data/ppid/profile-ppid/profilePPid.json";
+import visiMisiPPID from "./data/ppid/visi-misi-ppid/visimisiPPID.json";
+import jenisKelamin from "./data/ppid/ikm/jenis-kelamin/jenis-kelamin.json";
+import pilihanRatingResponden from "./data/ppid/ikm/pilihan-rating-responden/rating-responden.json";
+import umurResponden from "./data/ppid/ikm/umur-responden/umur-responden.json";
+import pelayananPerizinanBerusaha from "./data/desa/layanan/pelayananPerizinanBerusaha.json";
+import pelayananPendudukNonPermanen from "./data/desa/layanan/pelayanaPendudukNonPermanen.json";
+import sejarahDesa from "./data/desa/profile/sejarah_desa.json";
+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";
+import detailDataPengangguran from "./data/ekonomi/jumlah-pengangguran/detail-data-pengangguran.json";
+import tujuanEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/tujuan-edukasi-lingkungan.json";
+import materiEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/materi-edukasi-yang-diberikan.json";
+import contohEdukasiLingkungan from "./data/lingkungan/edukasi-lingkungan/contoh-kegiatan-di-desa-darmasaba.json";
+import nilaiKonservasiAdat from "./data/lingkungan/konservasi-adat-bali/nilai-konservasi-adat.json";
+import bentukKonservasiBerdasarkanAdat from "./data/lingkungan/konservasi-adat-bali/bentuk-konservasi.json";
+import filosofiTriHita from "./data/lingkungan/konservasi-adat-bali/filosofi-tri-hita.json";
+import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-program.json";
 import tujuanProgram2 from "./data/pendidikan/pendidikan-non-formal/tujuan-program2.json";
 import programUnggulan from "./data/pendidikan/program-pendidikan-anak/program-unggulan.json";
-import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-program.json";
+import tujuanBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/tujuan-bimbingan-belajar-desa.json";
+import lokasiJadwalBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/lokasi-dan-jadwal.json";
+import fasilitasBimbinganBelajarDesa from "./data/pendidikan/bimbingan-belajar-desa/fasilitas-yang-disediakan.json";
+import tempatKegiatan from "./data/pendidikan/pendidikan-non-formal/tempat-kegiatan.json";
+import jenisProgramYangDiselenggarakan from "./data/pendidikan/pendidikan-non-formal/jenis-program-yang-diselenggarakan.json";
+import posisiOrganisasiPPID from "./data/ppid/struktur-ppid/posisi-organisasi-PPID.json";
+import pegawaiPPID from "./data/ppid/struktur-ppid/pegawai-PPID.json";
+import pelayananTelunjukSaktiDesa from "./data/desa/layanan/pelayananTelunjukSaktiDesa.json";
 
 (async () => {
+  //seed file storage
+  const filePath = path.join(__dirname, "data/file-storage.json");
+  const rawData = await fs.readFile(filePath, "utf-8");
+  const files = JSON.parse(rawData);
+
+  console.log(`Seeding ${files.length} file(s) into FileStorage...`);
+
+  for (const file of files) {
+    await prisma.fileStorage.upsert({
+      where: { name: file.name },
+      update: {},
+      create: {
+        id: file.id,
+        name: file.name,
+        realName: file.realName,
+        path: file.path,
+        link: file.link,
+        category: file.category,
+        mimeType: file.mimeType,
+        isActive: file.isActive ?? true,
+      },
+    });
+  }
+
+  console.log("✅ Seeding selesai!");
+
   // =========== LANDING PAGE ===========
-  // =========== SUBMENU PROFILE ===========
-  // =========== PROFILE PEJABAT DESA ===========
+  // =========== PROFILE ===========
   for (const p of profilePejabatDesa) {
     await prisma.pejabatDesa.upsert({
       where: { id: p.id },
@@ -111,90 +134,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
   }
   console.log("media sosial success ...");
 
-  // =========== SUBMENU DESA ANTI KORUPSI ===========
-  // =========== KATEGORI DESA ANTI KORUPSI ===========
-  for (const k of kategoriDesaAntiKorupsi) {
-    await prisma.kategoriDesaAntiKorupsi.upsert({
-      where: { id: k.id },
-      update: {
-        name: k.name,
-      },
-      create: {
-        id: k.id,
-        name: k.name,
-      },
-    });
-  }
-  console.log("kategori desa anti korupsi success ...");
-
-  // =========== DESA ANTI KORUPSI ===========
-  for (const p of desaAntiKorupsi) {
-    await prisma.desaAntiKorupsi.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-    });
-  }
-  console.log("desa anti korupsi success ...");
-
-  // =========== KATEGORI DESA ANTI KORUPSI ===========
-  for (const p of kategoriDesaAntiKorupsi) {
-    await prisma.kategoriDesaAntiKorupsi.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-      },
-    });
-  }
-  console.log("desa anti korupsi success ...");
-
-  // =========== KATEGORI PRESTASI DESA===========
-  for (const c of kategoriPrestasiDesa) {
-    await prisma.kategoriPrestasiDesa.upsert({
-      where: { id: c.id },
-      update: {
-        name: c.name,
-      },
-      create: {
-        id: c.id,
-        name: c.name,
-      },
-    });
-  }
-  console.log("kategori prestasi desa success ...");
-
-  // =========== PRESTASI DESA===========
-  for (const p of prestasiDesa) {
-    await prisma.prestasiDesa.upsert({
-      where: { id: p.id },
-      update: {
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-      create: {
-        id: p.id,
-        name: p.name,
-        deskripsi: p.deskripsi,
-        kategoriId: p.kategoriId,
-      },
-    });
-  }
-  console.log("prestasi desa success ...");
-
   // =========== PENGHARGAAN ===========
   for (const p of penghargaan) {
     await prisma.penghargaan.upsert({
@@ -216,16 +155,26 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 
   // =========== LAYANAN DESA ===========
   for (const p of pelayananSuratKeterangan) {
+    // Skip if required image references don't exist
+    if (!p.imageId || !p.image2Id) {
+      console.warn(`Skipping ${p.name} due to missing image references`);
+      continue;
+    }
+
     await prisma.pelayananSuratKeterangan.upsert({
       where: { id: p.id },
       update: {
         name: p.name,
         deskripsi: p.deskripsi,
+        imageId: p.imageId,
+        image2Id: p.image2Id,
       },
       create: {
         id: p.id,
         name: p.name,
         deskripsi: p.deskripsi,
+        imageId: p.imageId,
+        image2Id: p.image2Id,
       },
     });
   }
@@ -249,6 +198,23 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
   }
   console.log("pelayanan surat keterangan success ...");
 
+  // =========== LAYANAN ===========
+  for (const l of layanan) {
+    await prisma.layanan.upsert({
+      where: {
+        name: l.name,
+      },
+      update: {
+        name: l.name,
+      },
+      create: {
+        name: l.name,
+      },
+    });
+  }
+
+  console.log("layanan success ...");
+
   // =========== SDGSDesa ===========
   for (const l of sdgsDesa) {
     await prisma.sDGSDesa.upsert({
@@ -289,9 +255,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 
   console.log("sdgs desa success ...");
 
-  // =========== MENU DESA ===========
-  // =========== SUBMENU PROFILE ===========
-  // =========== SEJARAH DESA ===========
   for (const l of sejarahDesa) {
     await prisma.sejarahDesa.upsert({
       where: {
@@ -311,7 +274,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 
   console.log("sejarah desa success ...");
 
-  // =========== MASKOT DESA ===========
   for (const l of maskotDesa) {
     await prisma.maskotDesa.upsert({
       where: {
@@ -331,7 +293,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 
   console.log("maskot desa success ...");
 
-  // =========== LAMBANG DESA ===========
   for (const l of lambangDesa) {
     await prisma.lambangDesa.upsert({
       where: {
@@ -351,7 +312,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 
   console.log("lambang desa success ...");
 
-  // =========== PROFIL PERBEKEL ===========
   for (const c of profilPerbekel) {
     await prisma.profilPerbekel.upsert({
       where: { id: c.id },
@@ -376,7 +336,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
     "✅ profilePerbekel seeded without imageId (editable later via UI)"
   );
 
-  // =========== VISI MISI DESA ===========
   for (const l of visiMisiDesa) {
     await prisma.visiMisiDesa.upsert({
       where: {
@@ -396,35 +355,6 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
 
   console.log("visi misi desa success ...");
 
-  // =========== MENU PPID ===========
-  // =========== SUBMENU PROFILE PPID ===========
-  for (const c of profilePPID) {
-    await prisma.profilePPID.upsert({
-      where: { id: c.id },
-      update: {
-        name: c.name,
-        biodata: c.biodata,
-        riwayat: c.riwayat,
-        pengalaman: c.pengalaman,
-        unggulan: c.unggulan,
-        // imageId tidak di-update
-      },
-      create: {
-        id: c.id,
-        name: c.name,
-        biodata: c.biodata,
-        riwayat: c.riwayat,
-        pengalaman: c.pengalaman,
-        unggulan: c.unggulan,
-        // imageId tidak di-create
-      },
-    });
-  }
-  console.log("✅ profilePPID seeded without imageId (editable later via UI)");
-
-  // =========== SUBMENU STRUKTUR PPID ===========
-  // =========== POSISI ORGANISASI PPID ===========
-
   const flattenedPosisi = posisiOrganisasiPPID.flat();
 
   // ✅ Urutkan berdasarkan hierarki
@@ -449,9 +379,9 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
       create: p,
     });
   }
-  console.log("posisi organisasi berhasil");
+  console.log("✅ Posisi organisasi berhasil");
 
-  // =========== PEGAWAI PPID ===========
+  // 2. Seed Pegawai
   const flattenedPegawai = pegawaiPPID.flat();
   for (const p of flattenedPegawai) {
     await prisma.pegawaiPPID.upsert({
@@ -460,70 +390,7 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
       create: p,
     });
   }
-  console.log("pegawai berhasil");
-
-  // =========== SUBMENU VISI MISI PPID ===========
-
-  for (const v of visiMisiPPID) {
-    await prisma.visiMisiPPID.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        misi: v.misi,
-        visi: v.visi,
-      },
-      create: {
-        id: v.id,
-        misi: v.misi,
-        visi: v.visi,
-      },
-    });
-  }
-  console.log("visi misi PPID success ...");
-
-  // =========== SUBMENU DASAR HUKUM PPID ===========
-  for (const v of dasarHukumPPID) {
-    await prisma.dasarHukumPPID.upsert({
-      where: {
-        id: v.id,
-      },
-      update: {
-        judul: v.judul,
-        content: v.content,
-      },
-      create: {
-        id: v.id,
-        judul: v.judul,
-        content: v.content,
-      },
-    });
-  }
-  console.log("dasar hukum PPID success ...");
-
-    // =========== SUBMENU DAFTAR INFORMASI PUBLIK PPID ===========
-    for (const v of daftarInformasiPublik) {
-      // Convert string date to Date object
-      const tanggal = new Date(v.tanggal);
-      
-      await prisma.daftarInformasiPublik.upsert({
-        where: {
-          id: v.id,
-        },
-        update: {
-          jenisInformasi: v.jenisInformasi,
-          deskripsi: v.deskripsi,
-          tanggal: tanggal,
-        },
-        create: {
-          id: v.id,
-          jenisInformasi: v.jenisInformasi,
-          deskripsi: v.deskripsi,
-          tanggal: tanggal,
-        },
-      });
-    }
-    console.log("daftar informasi publik PPID success ...");
+  console.log("✅ Pegawai berhasil");
 
   for (const l of pelayananPerizinanBerusaha) {
     await prisma.pelayananPerizinanBerusaha.upsert({
@@ -657,6 +524,48 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
   }
   console.log("cara memperoleh salinan informasi success ...");
 
+  for (const c of profilePPID) {
+    await prisma.profilePPID.upsert({
+      where: { id: c.id },
+      update: {
+        name: c.name,
+        biodata: c.biodata,
+        riwayat: c.riwayat,
+        pengalaman: c.pengalaman,
+        unggulan: c.unggulan,
+        imageId: c.imageId,
+      },
+      create: {
+        id: c.id,
+        name: c.name,
+        biodata: c.biodata,
+        riwayat: c.riwayat,
+        pengalaman: c.pengalaman,
+        unggulan: c.unggulan,
+        imageId: c.imageId,
+      },
+    });
+  }
+  console.log("✅ profilePPID seeded without imageId (editable later via UI)");
+
+  for (const v of visiMisiPPID) {
+    await prisma.visiMisiPPID.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        misi: v.misi,
+        visi: v.visi,
+      },
+      create: {
+        id: v.id,
+        misi: v.misi,
+        visi: v.visi,
+      },
+    });
+  }
+  console.log("visi misi PPID success ...");
+
   for (const j of jenisKelamin) {
     await prisma.jenisKelaminResponden.upsert({
       where: {
@@ -705,6 +614,24 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
   }
   console.log("umur responden success ...");
 
+  for (const v of dasarHukumPPID) {
+    await prisma.dasarHukumPPID.upsert({
+      where: {
+        id: v.id,
+      },
+      update: {
+        judul: v.judul,
+        content: v.content,
+      },
+      create: {
+        id: v.id,
+        judul: v.judul,
+        content: v.content,
+      },
+    });
+  }
+  console.log("dasar hukum PPID success ...");
+
   for (const k of kategoriProduk) {
     await prisma.kategoriProduk.upsert({
       where: {
@@ -792,12 +719,9 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
   console.log("hubungan organisasi success ...");
 
   for (const d of detailDataPengangguran) {
-    // Convert the year to a Date object (using January 1st of the year as the date)
-    const yearAsDate = new Date(d.year, 0, 1);
-
     await prisma.detailDataPengangguran.upsert({
       where: {
-        month_year: { month: d.month, year: yearAsDate },
+        month_year: { month: d.month, year: d.year },
       },
       update: {
         totalUnemployment: d.totalUnemployment,
@@ -807,7 +731,7 @@ import tujuanProgram from "./data/pendidikan/program-pendidikan-anak/tujuan-prog
       },
       create: {
         month: d.month,
-        year: yearAsDate,
+        year: d.year,
         totalUnemployment: d.totalUnemployment,
         educatedUnemployment: d.educatedUnemployment,
         uneducatedUnemployment: d.uneducatedUnemployment,

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

@@ -1,62 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-'use client';
-
-import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
-import { LatLngExpression } from 'leaflet';
-import 'leaflet/dist/leaflet.css';
-import L from 'leaflet';
-import { useEffect } from 'react';
-
-type MarkerData = {
-  position: [number, number];
-  popup: string;
-};
-
-type Props = {
-  center: [number, number];
-  markers: MarkerData[];
-  zoom?: number;
-  scrollWheelZoom?: boolean;
-  className?: string;
-  style?: React.CSSProperties;
-};
-
-export default function LeafletMultiMarkerMap({
-  center,
-  markers,
-  zoom = 13,
-  scrollWheelZoom = true,
-  className = '',
-  style = { height: '100%', width: '100%', zIndex: 0 },
-}: Props) {
-  // Fix for default marker icons in Next.js
-  useEffect(() => {
-    delete (L.Icon.Default.prototype as any)._getIconUrl;
-    L.Icon.Default.mergeOptions({
-      iconRetinaUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon-2x.png',
-      iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-icon.png',
-      shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/images/marker-shadow.png',
-    });
-  }, []);
-
-  return (
-    <div className={className} style={style}>
-      <MapContainer
-        center={center as LatLngExpression}
-        zoom={zoom}
-        scrollWheelZoom={scrollWheelZoom}
-        style={{ height: '100%', width: '100%' }}
-      >
-        <TileLayer
-          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-        />
-        {markers.map((marker, index) => (
-          <Marker key={index} position={marker.position as LatLngExpression}>
-            <Popup>{marker.popup}</Popup>
-          </Marker>
-        ))}
-      </MapContainer>
-    </div>
-  );
-}

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -62,39 +61,13 @@ const lowonganKerjaState = proxy({
   findMany: {
     data: null as
       | Prisma.LowonganPekerjaanGetPayload<{
-          omit: {
-            isActive: true;
-          };
+          omit: { isActive: true };
         }>[]
       | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      lowonganKerjaState.findMany.loading = true; // ✅ Akses langsung via nama path
-      lowonganKerjaState.findMany.page = page;
-      lowonganKerjaState.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.ekonomi.lowongankerja["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          lowonganKerjaState.findMany.data = res.data.data ?? [];
-          lowonganKerjaState.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          lowonganKerjaState.findMany.data = [];
-          lowonganKerjaState.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch lowongan kerja paginated:", err);
-        lowonganKerjaState.findMany.data = [];
-        lowonganKerjaState.findMany.totalPages = 1;
-      } finally {
-        lowonganKerjaState.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.ekonomi.lowongankerja["find-many"].get();
+      if (res.status === 200) {
+        lowonganKerjaState.findMany.data = res.data?.data ?? [];
       }
     },
   },

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -54,47 +53,22 @@ const pasarDesa = proxy({
     },
   },
   findMany: {
-    data: null as
-      | Prisma.PasarDesaGetPayload<{
-          include: {
-            image: true;
-            KategoriToPasar: {
-              include: {
-                kategori: true;
-              };
+    data: null as Array<
+      Prisma.PasarDesaGetPayload<{
+        include: {
+          image: true;
+          KategoriToPasar: {
+            include: {
+              kategori: true;
             };
           };
-        }>[]
-      | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "", categoryId?: string) => {
-      pasarDesa.findMany.loading = true;
-      pasarDesa.findMany.page = page;
-      pasarDesa.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-        if (categoryId) query.categoryId = categoryId;
-    
-        const res = await ApiFetch.api.ekonomi.pasardesa["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          pasarDesa.findMany.data = res.data.data ?? [];
-          pasarDesa.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          pasarDesa.findMany.data = [];
-          pasarDesa.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch keamanan lingkungan paginated:", err);
-        pasarDesa.findMany.data = [];
-        pasarDesa.findMany.totalPages = 1;
-      } finally {
-        pasarDesa.findMany.loading = false;
+        };
+      }>
+    > | null,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.pasardesa["find-many"].get();
+      if (res.status === 200) {
+        pasarDesa.findMany.data = res.data?.data ?? [];
       }
     },
   },
@@ -298,41 +272,14 @@ const kategoriProduk = proxy({
     },
   },
   findMany: {
-    data: null as
-      | Prisma.KategoriProdukGetPayload<{
-          omit: {
-            isActive: true;
-          };
-        }>[]
-      | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search2: "",
-   load: async (page = 1, limit = 10, search2 = "") => {
-      kategoriProduk.findMany.loading = true; // ✅ Akses langsung via nama path
-      kategoriProduk.findMany.page = page;
-      kategoriProduk.findMany.search2 = search2;
-  
-      try {
-        const query: any = { page, limit };
-        if (search2) query.search2 = search2;
-    
-        const res = await ApiFetch.api.ekonomi.kategoriproduk["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          kategoriProduk.findMany.data = res.data.data ?? [];
-          kategoriProduk.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          kategoriProduk.findMany.data = [];
-          kategoriProduk.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch kategori produk paginated:", err);
-        kategoriProduk.findMany.data = [];
-        kategoriProduk.findMany.totalPages = 1;
-      } finally {
-        kategoriProduk.findMany.loading = false;
+    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 ?? [];
       }
     },
   },

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -12,7 +11,8 @@ const templateForm = z.object({
   statistik: z.object({
     tahun: z.string().min(1, "Tahun minimal 1 karakter"),
     jumlah: z.string().min(1, "Jumlah minimal 1 karakter"),
-  }),
+  })
+    
 });
 
 const defaultForm = {
@@ -21,8 +21,8 @@ const defaultForm = {
   ikonUrl: "",
   statistik: {
     tahun: "",
-    jumlah: "",
-  },
+    jumlah: ""
+  }
 };
 
 const programKemiskinanState = proxy({
@@ -64,35 +64,12 @@ const programKemiskinanState = proxy({
       };
     }>[],
     loading: false,
-    page: 1,
-    totalPages: 1,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
-      programKemiskinanState.findMany.loading = true; // ✅ Akses langsung via nama path
-      programKemiskinanState.findMany.page = page;
-      programKemiskinanState.findMany.search = search;
-
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-
-        const res = await ApiFetch.api.ekonomi.programkemiskinan[
-          "find-many"
-        ].get({ query });
-
-        if (res.status === 200 && res.data?.success) {
-          programKemiskinanState.findMany.data = res.data.data ?? [];
-          programKemiskinanState.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          programKemiskinanState.findMany.data = [];
-          programKemiskinanState.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch program kemiskinan paginated:", err);
-        programKemiskinanState.findMany.data = [];
-        programKemiskinanState.findMany.totalPages = 1;
-      } finally {
-        programKemiskinanState.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.ekonomi.programkemiskinan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        programKemiskinanState.findMany.data = res.data?.data ?? [];
       }
     },
   },

src/app/admin/(dashboard)/_state/inovasi/desa-digital.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -56,34 +55,10 @@ const desaDigitalState = proxy({
           };
         }>[]
       | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      desaDigitalState.findMany.loading = true; // ✅ Akses langsung via nama path
-      desaDigitalState.findMany.page = page;
-      desaDigitalState.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.inovasi.desadigital["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          desaDigitalState.findMany.data = res.data.data ?? [];
-          desaDigitalState.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          desaDigitalState.findMany.data = [];
-          desaDigitalState.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch desa digital paginated:", err);
-        desaDigitalState.findMany.data = [];
-        desaDigitalState.findMany.totalPages = 1;
-      } finally {
-        desaDigitalState.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.inovasi.desadigital["find-many"].get();
+      if (res.status === 200) {
+        desaDigitalState.findMany.data = res.data?.data ?? [];
       }
     },
   },

src/app/admin/(dashboard)/_state/inovasi/info-tekno.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -56,34 +55,10 @@ const infoTeknoState = proxy({
           };
         }>[]
       | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      infoTeknoState.findMany.loading = true; // ✅ Akses langsung via nama path
-      infoTeknoState.findMany.page = page;
-      infoTeknoState.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.inovasi.infotekno["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          infoTeknoState.findMany.data = res.data.data ?? [];
-          infoTeknoState.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          infoTeknoState.findMany.data = [];
-          infoTeknoState.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch info teknologi paginated:", err);
-        infoTeknoState.findMany.data = [];
-        infoTeknoState.findMany.totalPages = 1;
-      } finally {
-        infoTeknoState.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.inovasi.infotekno["find-many"].get();
+      if (res.status === 200) {
+        infoTeknoState.findMany.data = res.data?.data ?? [];
       }
     },
   },

src/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi.ts

@@ -6,11 +6,12 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 const templateForm = z.object({
-    name: z.string().min(1, "Nama kolaborasi inovasi harus diisi"),
-    tahun: z.number().min(1900, "Tahun tidak valid").max(new Date().getFullYear() + 1, "Tahun tidak boleh lebih dari tahun depan"),
-    slug: z.string().min(1, "Slug harus dihasilkan otomatis"),
-    deskripsi: z.string().min(1, "Deskripsi harus diisi"),
-    kolaborator: z.string().min(1, "Kolaborator harus diisi"),
+    name: z.string().min(1, "Nama minimal 1 karakter"),
+    tahun: z.number().min(4, "Tahun minimal 4 karakter"),
+    slug: z.string().min(1, "Deskripsi singkat minimal 1 karakter"),
+    deskripsi: z.string().min(1, "Deskripsi minimal 1 karakter"),
+    kolaborator: z.string().min(1, "Kolaborator minimal 1 karakter"),
+    imageId: z.string().min(1, "Image ID minimal 1 karakter"),
 })
 
 const defaultForm = {
@@ -19,6 +20,7 @@ const defaultForm = {
     slug: "",
     deskripsi: "",
     kolaborator: "",
+    imageId: "",
 }
 
 const kolaborasiInovasiState = proxy({
@@ -26,37 +28,27 @@ const kolaborasiInovasiState = proxy({
     form: { ...defaultForm },
     loading: false,
     async create() {
-      try {
-        // Validate form
-        const validation = templateForm.safeParse(kolaborasiInovasiState.create.form);
-        if (!validation.success) {
-          const errorMessages = validation.error.issues
-            .map(issue => `- ${issue.path.join('.')}: ${issue.message}`)
-            .join('\n');
-          return toast.error(`Validasi gagal:\n${errorMessages}`);
-        }
+      const cek = templateForm.safeParse(kolaborasiInovasiState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
 
+      try {
         kolaborasiInovasiState.create.loading = true;
-        
         const res = await ApiFetch.api.inovasi.kolaborasiinovasi["create"].post(
           kolaborasiInovasiState.create.form
         );
-        
         if (res.status === 200) {
-          await kolaborasiInovasiState.findMany.load();
-          return { success: true, data: res.data };
+          kolaborasiInovasiState.findMany.load();
+          return toast.success("success create");
         }
-        
-        console.error('Create failed:', res);
-        toast.error(res.data?.message || "Gagal menyimpan data");
-        return { success: false, error: res.data };
+        console.log(res);
+        return toast.error("failed create");
       } catch (error) {
-        console.error('Error in create:', error);
-        toast.error("Terjadi kesalahan saat menyimpan data");
-        return { 
-          success: false, 
-          error: error instanceof Error ? error.message : 'Unknown error' 
-        };
+        console.log((error as Error).message);
       } finally {
         kolaborasiInovasiState.create.loading = false;
       }
@@ -68,21 +60,13 @@ const kolaborasiInovasiState = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    year: "",
-    load: async (page = 1, limit = 10, search = "", year?: string) => {
-      kolaborasiInovasiState.findMany.loading = true;
+    load: async (page = 1, limit = 10) => {
+      // Change to arrow function
+      kolaborasiInovasiState.findMany.loading = true; // Use the full path to access the property
       kolaborasiInovasiState.findMany.page = page;
-      kolaborasiInovasiState.findMany.search = search;
-      kolaborasiInovasiState.findMany.year = year || "";
-
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-        if (year) query.year = year;
-        
         const res = await ApiFetch.api.inovasi.kolaborasiinovasi["find-many"].get({
-          query,
+          query: { page, limit },
         });
 
         if (res.status === 200 && res.data?.success) {
@@ -140,6 +124,7 @@ const kolaborasiInovasiState = proxy({
             slug: data.slug,
             deskripsi: data.deskripsi,
             kolaborator: data.kolaborator,
+            imageId: data.imageId,
           };
           return data;
         } else {
@@ -194,7 +179,7 @@ const kolaborasiInovasiState = proxy({
   },
   findUnique: {
     data: null as Prisma.KolaborasiInovasiGetPayload<{
-      omit: { isActive: true };
+      include: { image: true };
     }> | null,
     async load(id: string) {
       try {

src/app/admin/(dashboard)/_state/inovasi/mitra-kolaborasi.ts

@@ -1,229 +0,0 @@
-/* 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";
-
-const mitraKolaborasiForm = z.object({
-  name: z.string().min(1, { message: "Name is required" }),
-  imageId: z.string().nonempty(),
-});
-
-const defaultForm = {
-  name: "",
-  imageId: "",
-};
-
-const mitraKolaborasi = proxy({
-  create: {
-    form: { ...defaultForm },
-    loading: false,
-    async create() {
-      const cek = mitraKolaborasiForm.safeParse(mitraKolaborasi.create.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        return toast.error(err);
-      }
-      try {
-        mitraKolaborasi.create.loading = true;
-        const res = await ApiFetch.api.inovasi.mitrakolaborasi["create"].post(
-          mitraKolaborasi.create.form
-        );
-        if (res.status === 200) {
-          mitraKolaborasi.findMany.load();
-          return toast.success("mitraKolaborasi berhasil disimpan!");
-        }
-        return toast.error("Gagal menyimpan mitraKolaborasi");
-      } catch (error) {
-        console.log((error as Error).message);
-      } finally {
-        mitraKolaborasi.create.loading = false;
-      }
-    },
-    resetForm() {
-      mitraKolaborasi.create.form = { ...defaultForm };
-    },
-  },
-  findMany: {
-    data: null as
-      | Prisma.MitraKolaborasiGetPayload<{
-          include: {
-            image: true;
-          };
-        }>[]
-      | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      mitraKolaborasi.findMany.loading = true; // ✅ Akses langsung via nama path
-      mitraKolaborasi.findMany.page = page;
-      mitraKolaborasi.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.inovasi.mitrakolaborasi["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          mitraKolaborasi.findMany.data = res.data.data ?? [];
-          mitraKolaborasi.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          mitraKolaborasi.findMany.data = [];
-          mitraKolaborasi.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch mitraKolaborasi paginated:", err);
-        mitraKolaborasi.findMany.data = [];
-        mitraKolaborasi.findMany.totalPages = 1;
-      } finally {
-        mitraKolaborasi.findMany.loading = false;
-      }
-    },
-  },
-  findUnique: {
-    data: null as Prisma.MitraKolaborasiGetPayload<{
-      include: {
-        image: true;
-      };
-    }> | null,
-    async load(id: string) {
-      try {
-        const res = await fetch(`/api/inovasi/mitrakolaborasi/${id}`);
-        if (res.ok) {
-          const data = await res.json();
-          mitraKolaborasi.findUnique.data = data.data ?? null;
-        } else {
-          console.error("Failed to fetch mitraKolaborasi:", res.statusText);
-          mitraKolaborasi.findUnique.data = null;
-        }
-      } catch (error) {
-        console.error("Error fetching mitraKolaborasi:", error);
-        mitraKolaborasi.findUnique.data = null;
-      }
-    },
-  },
-  delete: {
-    loading: false,
-    async byId(id: string) {
-      if (!id) return toast.warn("ID tidak valid");
-      try {
-        mitraKolaborasi.delete.loading = true;
-        const response = await fetch(`/api/inovasi/mitrakolaborasi/del/${id}`, {
-          method: "DELETE",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
-        const result = await response.json();
-        if (response.ok) {
-          toast.success(result.message || "mitraKolaborasi berhasil dihapus");
-          await mitraKolaborasi.findMany.load(); // refresh list
-        } else {
-          toast.error(result.message || "Gagal menghapus mitraKolaborasi");
-        }
-      } catch (error) {
-        console.error("Gagal delete:", error);
-        toast.error("Terjadi kesalahan saat menghapus mitraKolaborasi");
-      } finally {
-        mitraKolaborasi.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/inovasi/mitrakolaborasi/${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,
-            imageId: data.imageId,
-          };
-          return data;
-        } else {
-          throw new Error(result.message || "Gagal memuat data");
-        }
-      } catch (error) {
-        console.error("Error loading mitraKolaborasi:", error);
-        toast.error(
-          error instanceof Error ? error.message : "Gagal memuat data"
-        );
-        return null;
-      }
-    },
-    async update() {
-      const cek = mitraKolaborasiForm.safeParse(mitraKolaborasi.update.form);
-      if (!cek.success) {
-        const err = `[${cek.error.issues
-          .map((v) => `${v.path.join(".")}`)
-          .join("\n")}] required`;
-        toast.error(err);
-        return false;
-      }
-      try {
-        mitraKolaborasi.update.loading = true;
-        const response = await fetch(`/api/inovasi/mitrakolaborasi/${this.id}`, {
-          method: "PUT",
-          headers: {
-            "Content-Type": "application/json",
-          },
-          body: JSON.stringify({
-            name: this.form.name,
-            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 || "mitraKolaborasi berhasil diupdate");
-          await mitraKolaborasi.findMany.load(); // refresh list
-          return true;
-        } else {
-          throw new Error(result.message || "Gagal mengupdate mitraKolaborasi");
-        }
-      } catch (error) {
-        console.error("Error updating mitraKolaborasi:", error);
-        toast.error(
-          error instanceof Error ? error.message : "Gagal mengupdate mitraKolaborasi"
-        );
-        return false;
-      } finally {
-        mitraKolaborasi.update.loading = false;
-      }
-    },
-    reset() {
-      mitraKolaborasi.update.id = "";
-      mitraKolaborasi.update.form = { ...defaultForm };
-    },
-  },
-});
-
-export default mitraKolaborasi;

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

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -54,39 +53,15 @@ const tipsKeamananState = proxy({
   findMany: {
     data: null as
       | Prisma.MenuTipsKeamananGetPayload<{
-          include: {
-            image: true;
-          };
+          include: { image: true };
         }>[]
       | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      tipsKeamananState.findMany.loading = true; // ✅ Akses langsung via nama path
-      tipsKeamananState.findMany.page = page;
-      tipsKeamananState.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.keamanan.menutipskeamanan["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          tipsKeamananState.findMany.data = res.data.data ?? [];
-          tipsKeamananState.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          tipsKeamananState.findMany.data = [];
-          tipsKeamananState.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch menu tips keamanan paginated:", err);
-        tipsKeamananState.findMany.data = [];
-        tipsKeamananState.findMany.totalPages = 1;
-      } finally {
-        tipsKeamananState.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.keamanan.menutipskeamanan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        tipsKeamananState.findMany.data = res.data?.data ?? [];
       }
     },
   },

src/app/admin/(dashboard)/_state/landing-page/apbdes.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -51,50 +50,18 @@ const apbdes = proxy({
     },
   },
   findMany: {
-    data: null as
-      | Prisma.APBDesGetPayload<{
-          include: {
-            image: true;
-            file: true;
-          };
-        }>[]
-      | null,
-    page: 1,
-    totalPages: 1,
-    total: 0,
-    loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
-      apbdes.findMany.loading = true;  // Use the full path to access the property
-      apbdes.findMany.page = page;
-      apbdes.findMany.search = search;
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-        
-        const res = await ApiFetch.api.landingpage.apbdes[
-          "findMany"
-        ].get({
-          query
-        });
-  
-        if (res.status === 200 && res.data?.success) {
-          apbdes.findMany.data = res.data.data || [];
-          apbdes.findMany.total = res.data.total || 0;
-          apbdes.findMany.totalPages = res.data.totalPages || 1;
-        } else {
-          console.error("Failed to load pegawai:", res.data?.message);
-          apbdes.findMany.data = [];
-          apbdes.findMany.total = 0;
-          apbdes.findMany.totalPages = 1;
-        }
-      } catch (error) {
-        console.error("Error loading pegawai:", error);
-        apbdes.findMany.data = [];
-        apbdes.findMany.total = 0;
-        apbdes.findMany.totalPages = 1;
-      } finally {
-        apbdes.findMany.loading = false;
+    data: null as Array<
+      Prisma.APBDesGetPayload<{
+        include: {
+          image: true;
+          file: true;
+        };
+      }>
+    > | null,
+    async load() {
+      const res = await ApiFetch.api.landingpage.apbdes["find-many"].get();
+      if (res.status === 200) {
+        apbdes.findMany.data = res.data?.data ?? [];
       }
     },
   },

src/app/admin/(dashboard)/_state/landing-page/desa-anti-korupsi.ts

@@ -60,22 +60,16 @@ const desaAntikorupsi = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
-      // Change to arrow function
-      desaAntikorupsi.findMany.loading = true; // Use the full path to access the property
+    load: async (page = 1, limit = 10) => {  // Change to arrow function
+      desaAntikorupsi.findMany.loading = true;  // Use the full path to access the property
       desaAntikorupsi.findMany.page = page;
-      desaAntikorupsi.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-
         const res = await ApiFetch.api.landingpage.desaantikorupsi[
           "findMany"
         ].get({
-          query,
+          query: { page, limit },
         });
-
+  
         if (res.status === 200 && res.data?.success) {
           desaAntikorupsi.findMany.data = res.data.data || [];
           desaAntikorupsi.findMany.total = res.data.total || 0;
@@ -311,25 +305,20 @@ const kategoriDesaAntiKorupsi = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
-      // Change to arrow function
-      kategoriDesaAntiKorupsi.findMany.loading = true; // Use the full path to access the property
+    load: async (page = 1, limit = 10) => {  // Change to arrow function
+      kategoriDesaAntiKorupsi.findMany.loading = true;  // Use the full path to access the property
       kategoriDesaAntiKorupsi.findMany.page = page;
-      kategoriDesaAntiKorupsi.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-
-        const res = await ApiFetch.api.landingpage.kategoridak["findMany"].get({
-          query,
+        const res = await ApiFetch.api.landingpage.kategoridak[
+          "findMany"
+        ].get({
+          query: { page, limit },
         });
-
+  
         if (res.status === 200 && res.data?.success) {
           kategoriDesaAntiKorupsi.findMany.data = res.data.data || [];
           kategoriDesaAntiKorupsi.findMany.total = res.data.total || 0;
-          kategoriDesaAntiKorupsi.findMany.totalPages =
-            res.data.totalPages || 1;
+          kategoriDesaAntiKorupsi.findMany.totalPages = res.data.totalPages || 1;
         } else {
           console.error("Failed to load media sosial:", res.data?.message);
           kategoriDesaAntiKorupsi.findMany.data = [];
@@ -374,30 +363,27 @@ const kategoriDesaAntiKorupsi = proxy({
       try {
         kategoriDesaAntiKorupsi.delete.loading = true;
 
-        const response = await fetch(`/api/landingpage/kategoridak/del/${id}`, {
-          method: "DELETE",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
+        const response = await fetch(
+          `/api/landingpage/kategoridak/del/${id}`,
+          {
+            method: "DELETE",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
 
         const result = await response.json();
 
         if (response.ok && result?.success) {
-          toast.success(
-            result.message || "Kategori desa anti korupsi berhasil dihapus"
-          );
+          toast.success(result.message || "Kategori desa anti korupsi berhasil dihapus");
           await kategoriDesaAntiKorupsi.findMany.load(); // refresh list
         } else {
-          toast.error(
-            result?.message || "Gagal menghapus kategori desa anti korupsi"
-          );
+          toast.error(result?.message || "Gagal menghapus kategori desa anti korupsi");
         }
       } catch (error) {
         console.error("Gagal delete:", error);
-        toast.error(
-          "Terjadi kesalahan saat menghapus kategori desa anti korupsi"
-        );
+        toast.error("Terjadi kesalahan saat menghapus kategori desa anti korupsi");
       } finally {
         kategoriDesaAntiKorupsi.delete.loading = false;
       }

src/app/admin/(dashboard)/_state/landing-page/prestasi-desa.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import ApiFetch from "@/lib/api-fetch";
 import { Prisma } from "@prisma/client";
 import { toast } from "react-toastify";
@@ -59,43 +58,16 @@ const prestasiDesa = proxy({
       Prisma.PrestasiDesaGetPayload<{
         include: {
           image: true;
-          kategori: {
-            select: {
-              id: true;
-              name: true;
-            };
-          };
+          kategori: true;
         };
       }>
     > | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      prestasiDesa.findMany.loading = true; // ✅ Akses langsung via nama path
-      prestasiDesa.findMany.page = page;
-      prestasiDesa.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.landingpage.prestasidesa["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          prestasiDesa.findMany.data = res.data.data ?? [];
-          prestasiDesa.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          prestasiDesa.findMany.data = [];
-          prestasiDesa.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch prestasi desa paginated:", err);
-        prestasiDesa.findMany.data = [];
-        prestasiDesa.findMany.totalPages = 1;
-      } finally {
-        prestasiDesa.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.landingpage.prestasidesa[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        prestasiDesa.findMany.data = res.data?.data ?? [];
       }
     },
   },
@@ -311,34 +283,12 @@ const kategoriPrestasi = proxy({
       id: string;
       name: string;
     }> | null,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      kategoriPrestasi.findMany.loading = true; // ✅ Akses langsung via nama path
-      kategoriPrestasi.findMany.page = page;
-      kategoriPrestasi.findMany.search = search;
-  
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.landingpage.kategoriprestasi["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          kategoriPrestasi.findMany.data = res.data.data ?? [];
-          kategoriPrestasi.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          kategoriPrestasi.findMany.data = [];
-          kategoriPrestasi.findMany.totalPages = 1;
-        }
-      } catch (err) {
-        console.error("Gagal fetch kategori prestasi paginated:", err);
-        kategoriPrestasi.findMany.data = [];
-        kategoriPrestasi.findMany.totalPages = 1;
-      } finally {
-        kategoriPrestasi.findMany.loading = false;
+    async load() {
+      const res = await ApiFetch.api.landingpage.kategoriprestasi[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        kategoriPrestasi.findMany.data = res.data?.data ?? [];
       }
     },
   },

src/app/admin/(dashboard)/_state/landing-page/profile.ts

@@ -65,19 +65,14 @@ const programInovasi = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
+    load: async (page = 1, limit = 10) => {  // Change to arrow function
       programInovasi.findMany.loading = true;  // Use the full path to access the property
       programInovasi.findMany.page = page;
-      programInovasi.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-        
         const res = await ApiFetch.api.landingpage.programinovasi[
           "findMany"
         ].get({
-          query
+          query: { page, limit },
         });
   
         if (res.status === 200 && res.data?.success) {
@@ -487,19 +482,14 @@ const mediaSosial = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
+    load: async (page = 1, limit = 10) => {  // Change to arrow function
       mediaSosial.findMany.loading = true;  // Use the full path to access the property
       mediaSosial.findMany.page = page;
-      mediaSosial.findMany.search = search;
-      try { 
-        const query: any = { page, limit };
-        if (search) query.search = search;
-        
+      try {
         const res = await ApiFetch.api.landingpage.mediasosial[
           "findMany"
         ].get({
-          query,
+          query: { page, limit },
         });
   
         if (res.status === 200 && res.data?.success) {

src/app/admin/(dashboard)/_state/landing-page/sdgs-desa.ts

@@ -58,19 +58,14 @@ const sdgsDesa = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {  // Change to arrow function
+    load: async (page = 1, limit = 10) => {  // Change to arrow function
       sdgsDesa.findMany.loading = true;  // Use the full path to access the property
       sdgsDesa.findMany.page = page;
-      sdgsDesa.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-        
         const res = await ApiFetch.api.landingpage.sdgsdesa[
           "findMany"
         ].get({
-          query,
+          query: { page, limit },
         });
   
         if (res.status === 200 && res.data?.success) {

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

@@ -56,17 +56,13 @@ const dataLingkunganDesaState = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
+    load: async (page = 1, limit = 10) => {
       // Change to arrow function
       dataLingkunganDesaState.findMany.loading = true; // Use the full path to access the property
       dataLingkunganDesaState.findMany.page = page;
-      dataLingkunganDesaState.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
         const res = await ApiFetch.api.lingkungan.datalingkungandesa["find-many"].get({
-          query,
+          query: { page, limit },
         });
 
         if (res.status === 200 && res.data?.success) {

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

@@ -52,19 +52,15 @@ const pengelolaanSampah = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
+    load: async (page = 1, limit = 10) => {
       // Change to arrow function
       pengelolaanSampah.findMany.loading = true; // Use the full path to access the property
       pengelolaanSampah.findMany.page = page;
-      pengelolaanSampah.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
         const res = await ApiFetch.api.lingkungan.pengelolaansampah[
           "find-many"
         ].get({
-          query,
+          query: { page, limit },
         });
 
         if (res.status === 200 && res.data?.success) {

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

@@ -56,17 +56,13 @@ const programPenghijauanState = proxy({
     totalPages: 1,
     total: 0,
     loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
+    load: async (page = 1, limit = 10) => {
       // Change to arrow function
       programPenghijauanState.findMany.loading = true; // Use the full path to access the property
       programPenghijauanState.findMany.page = page;
-      programPenghijauanState.findMany.search = search;
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
         const res = await ApiFetch.api.lingkungan.programpenghijauan["find-many"].get({
-          query,
+          query: { page, limit },
         });
 
         if (res.status === 200 && res.data?.success) {

src/app/admin/(dashboard)/_state/ppid/struktur_ppid/struktur_PPID.ts

@@ -348,34 +348,18 @@ const posisiOrganisasi = proxy({
       deskripsi: string | null;
       hierarki: number;
     }>,
-    page: 1,
-    totalPages: 1,
-    loading: false,
-    search: "",
-   load: async (page = 1, limit = 10, search = "") => {
-      posisiOrganisasi.findMany.loading = true; // ✅ Akses langsung via nama path
-      posisiOrganisasi.findMany.page = page;
-      posisiOrganisasi.findMany.search = search;
-  
+    async load() {
       try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
-    
-        const res = await ApiFetch.api.ppid.strukturppid.posisiorganisasi["find-many"].get({ query });
-    
-        if (res.status === 200 && res.data?.success) {
-          posisiOrganisasi.findMany.data = res.data.data ?? [];
-          posisiOrganisasi.findMany.totalPages = res.data.totalPages ?? 1;
-        } else {
-          posisiOrganisasi.findMany.data = [];
-          posisiOrganisasi.findMany.totalPages = 1;
+        const res = await ApiFetch.api.ppid.strukturppid.posisiorganisasi[
+          "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 (err) {
-        console.error("Gagal fetch posisi organisasi paginated:", err);
-        posisiOrganisasi.findMany.data = [];
-        posisiOrganisasi.findMany.totalPages = 1;
-      } finally {
-        posisiOrganisasi.findMany.loading = false;
+      } catch (error) {
+        console.error("Find many error:", error);
+        this.data = [];
       }
     },
   },
@@ -454,9 +438,9 @@ const pegawai = proxy({
 
       try {
         pegawai.create.loading = true;
-        const res = await ApiFetch.api.ppid.strukturppid.pegawai["create"].post(
-          pegawai.create.form
-        );
+        const res = await ApiFetch.api.ppid.strukturppid.pegawai[
+          "create"
+        ].post(pegawai.create.form);
         if (res.status === 200) {
           toast.success("Pegawai berhasil ditambahkan");
           await pegawai.findMany.load();
@@ -473,55 +457,42 @@ const pegawai = proxy({
   },
 
   // In struktur-organisasi.ts
-  findMany: {
-    data: null as
-      | Prisma.PegawaiPPIDGetPayload<{
-          include: {
-            image: true;
-            posisi: true;
-          };
-        }>[]
-      | null,
-    page: 1,
-    totalPages: 1,
-    total: 0,
-    loading: false,
-    search: "",
-    load: async (page = 1, limit = 10, search = "") => {
-      // Change to arrow function
-      pegawai.findMany.loading = true; // Use the full path to access the property
-      pegawai.findMany.page = page;
-      pegawai.findMany.search = search;
-      try {
-        const query: any = { page, limit };
-        if (search) query.search = search;
+findMany: {
+  data: null as any[] | null,
+  page: 1,
+  totalPages: 1,
+  total: 0,
+  loading: false,
+  load: async (page = 1, limit = 10) => {  // Change to arrow function
+    pegawai.findMany.loading = true;  // Use the full path to access the property
+    pegawai.findMany.page = page;
+    try {
+      const res = await ApiFetch.api.ppid.strukturppid.pegawai[
+        "find-many"
+      ].get({
+        query: { page, limit },
+      });
 
-        const res = await ApiFetch.api.ppid.strukturppid.pegawai[
-          "find-many"
-        ].get({
-          query,
-        });
-
-        if (res.status === 200 && res.data?.success) {
-          pegawai.findMany.data = res.data.data || [];
-          pegawai.findMany.total = res.data.total || 0;
-          pegawai.findMany.totalPages = res.data.totalPages || 1;
-        } else {
-          console.error("Failed to load pegawai:", res.data?.message);
-          pegawai.findMany.data = [];
-          pegawai.findMany.total = 0;
-          pegawai.findMany.totalPages = 1;
-        }
-      } catch (error) {
-        console.error("Error loading pegawai:", error);
+      if (res.status === 200 && res.data?.success) {
+        pegawai.findMany.data = res.data.data || [];
+        pegawai.findMany.total = res.data.total || 0;
+        pegawai.findMany.totalPages = res.data.totalPages || 1;
+      } else {
+        console.error("Failed to load pegawai:", res.data?.message);
         pegawai.findMany.data = [];
         pegawai.findMany.total = 0;
         pegawai.findMany.totalPages = 1;
-      } finally {
-        pegawai.findMany.loading = false;
       }
-    },
+    } catch (error) {
+      console.error("Error loading pegawai:", error);
+      pegawai.findMany.data = [];
+      pegawai.findMany.total = 0;
+      pegawai.findMany.totalPages = 1;
+    } finally {
+      pegawai.findMany.loading = false;
+    }
   },
+},
   findUnique: {
     data: null as
       | (Prisma.PegawaiGetPayload<{
@@ -550,9 +521,12 @@ const pegawai = proxy({
       if (!id) return toast.warn("ID tidak valid");
       try {
         pegawai.delete.loading = true;
-        const res = await fetch(`/api/ppid/strukturppid/pegawai/del/${id}`, {
-          method: "DELETE",
-        });
+        const res = await fetch(
+          `/api/ppid/strukturppid/pegawai/del/${id}`,
+          {
+            method: "DELETE",
+          }
+        );
         const json = await res.json();
         if (res.ok) {
           toast.success(json.message ?? "Berhasil hapus pegawai");
@@ -581,12 +555,15 @@ const pegawai = proxy({
       }
 
       try {
-        const response = await fetch(`/api/ppid/strukturppid/pegawai/${id}`, {
-          method: "GET",
-          headers: {
-            "Content-Type": "application/json",
-          },
-        });
+        const response = await fetch(
+          `/api/ppid/strukturppid/pegawai/${id}`,
+          {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          }
+        );
 
         if (!response.ok) {
           throw new Error(`HTTP error! status: ${response.status}`);
@@ -700,7 +677,7 @@ const pegawai = proxy({
 const stateStrukturPPID = proxy({
   stateStruktur,
   posisiOrganisasi,
-  pegawai,
+  pegawai
 });
 
 export default stateStrukturPPID;

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

@@ -20,6 +20,8 @@ function DetailSuratKeterangan() {
     suratKeteranganState.findUnique.load(params?.id as string)
   }, [])
 
+  console.log("Ini datanya",suratKeteranganState.findUnique.data)
+
   const handleHapus = () => {
     if (selectedId) {
       suratKeteranganState.delete.byId(selectedId)

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

@@ -63,8 +63,8 @@ function CreateSuratKeterangan() {
 
       // Create the record
       await stateSurat.create.create();
-
-      // Reset form dan redirect
+      
+      // If we get here without errors, the create was successful
       resetForm();
       toast.success("Data surat keterangan berhasil ditambahkan");
       router.push("/admin/desa/layanan/pelayanan_surat_keterangan");

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

@@ -143,8 +143,8 @@ function ListDemografiPekerjaan({ search }: { search: string }) {
                   dataKey="pekerjaan"
                   type="stacked"
                   series={[
-                    { name: 'lakiLaki', color: '#5082EE', label: 'Laki - Laki' },
-                    { name: 'perempuan', color: '#6EDF9C', label: 'Perempuan' },
+                    { name: 'lakiLaki', color: 'red.6', label: 'Laki - Laki' },
+                    { name: 'perempuan', color: 'orange.6', label: 'Perempuan' },
                   ]}
                 />
               </Box>

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

@@ -35,7 +35,7 @@ function EditJumlahPendudukMiskin() {
     // Set the ID before submitting
     stateJPM.update.id = id;
     await stateJPM.update.submit();
-    router.push('/admin/ekonomi/jumlah-penduduk-miskin')
+    router.push('/admin/ekonomi/jumlah-penduduk-miskin-2024-2025')
   }
 return (
     <Box>

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

@@ -32,7 +32,7 @@ function CreateJumlahPendudukMiskin() {
       }
     }
     resetForm();
-    router.push("/admin/ekonomi/jumlah-penduduk-miskin");
+    router.push("/admin/ekonomi/jumlah-penduduk-miskin-2024-2025");
   }
   return (
     <Box>

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

@@ -91,7 +91,7 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
         <Paper bg={colors['white-1']} p={'md'}>
           <JudulList
             title='List Jumlah Penduduk Miskin'
-            href='/admin/ekonomi/jumlah-penduduk-miskin/create'
+            href='/admin/ekonomi/jumlah-penduduk-miskin-2024-2025/create'
           />
           <Table striped withTableBorder withRowBorders>
             <TableThead>
@@ -108,7 +108,7 @@ function ListJumlahPendudukMiskin({ search }: { search: string }) {
                   <TableTd>{item.year}</TableTd>
                   <TableTd>{item.totalPoorPopulation}</TableTd>
                   <TableTd>
-                    <Button color='green' onClick={() => router.push(`/admin/ekonomi/jumlah-penduduk-miskin/${item.id}`)}>
+                    <Button color='green' onClick={() => router.push(`/admin/ekonomi/jumlah-penduduk-miskin-2024-2025/${item.id}`)}>
                       <IconEdit size={20} />
                     </Button>
                   </TableTd>

src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/page.tsx

@@ -8,36 +8,29 @@ import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { Cell, Pie, PieChart } from 'recharts';
 import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../../_com/header';
-import JudulList from '../../../_com/judulList';
+import JudulListTab from '../../../_com/judulListTab';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import grafikNganggur from '../../../_state/ekonomi/usia-kerja-nganggur';
 
 function GrafikBerdasarkanPendidikan() {
-  const [search, setSearch] = useState("")
   return (
     <Box>
       <Stack gap={"xs"}>
-      <HeaderSearch
-        title='Detail Data Pengangguran Berdasarkan Pendidikan'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-        <ListGrafikBerdasarkanPendidikan search={search}/>
+        <Title order={3}>Grafik Pengangguran Berdasarkan Pendidikan</Title>
+        <ListGrafikBerdasarkanPendidikan />
       </Stack>
     </Box>
   );
 }
 
-function ListGrafikBerdasarkanPendidikan({search}: {search: string}) {
+function ListGrafikBerdasarkanPendidikan() {
   const stategrafik = useProxy(grafikNganggur.grafikBerdasarkanPendidikan)
   const [donutData, setDonutData] = useState<any[]>([]);
   const [mounted, setMounted] = useState(false);
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
   const router = useRouter();
+  const [search, setSearch] = useState("");
 
 
   const handleDelete = async () => {
@@ -63,11 +56,11 @@ function ListGrafikBerdasarkanPendidikan({search}: {search: string}) {
       const D3 = stategrafik.findMany.data.reduce((acc: number, cur: any) => acc + Number(cur.D3 || 0), 0);
       const S1 = stategrafik.findMany.data.reduce((acc: number, cur: any) => acc + Number(cur.S1 || 0), 0);
       setDonutData([
-        { name: 'SD', value: SD, color: '#4b6Ef5', key: 'SD' },
-        { name: 'SMP', value: SMP, color: '#14b885', key: 'SMP' },
-        { name: 'SMA', value: SMA, color: '#E6A03B', key: 'SMA' },
-        { name: 'D3', value: D3, color: '#DB524D', key: 'D3' },
-        { name: 'S1', value: S1, color: '#1018A8FF', key: 'S1' },
+        { name: 'SD', value: SD, color: colors['blue-button'], key: 'SD' },
+        { name: 'SMP', value: SMP, color: '#10A85AFF', key: 'SMP' },
+        { name: 'SMA', value: SMA, color: '#C07B13FF', key: 'SMA' },
+        { name: 'D3', value: D3, color: '#1094A8FF', key: 'D3' },
+        { name: 'S1', value: S1, color: '#A83610FF', key: 'S1' },
       ]);
     }
   }, [stategrafik.findMany.data])
@@ -95,9 +88,13 @@ function ListGrafikBerdasarkanPendidikan({search}: {search: string}) {
     <Box>
       <Stack gap={"xs"}>
         <Paper bg={colors['white-1']} p={"md"}>
-          <JudulList
+          <JudulListTab
+            value={search}
+            onChange={(e) => setSearch(e.currentTarget.value)}
             title='List Grafik Pengangguran Berdasarkan Pendidikan'
             href='/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_pendidikan/create'
+            placeholder='pencarian'
+            searchIcon={<IconSearch size={16} />}
           />
           <Table striped withTableBorder withRowBorders>
             <TableThead>

src/app/admin/(dashboard)/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/page.tsx

@@ -8,37 +8,29 @@ import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { Cell, Pie, PieChart } from 'recharts';
 import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../../_com/header';
-import JudulList from '../../../_com/judulList';
+import JudulListTab from '../../../_com/judulListTab';
 import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
 import grafikNganggur from '../../../_state/ekonomi/usia-kerja-nganggur';
 
-
 function GrafikBerdasarkanUsiaKerjaYangMenganggur() {
-  const [search, setSearch] = useState("")
   return (
     <Box>
       <Stack gap={"xs"}>
-      <HeaderSearch
-        title='Detail Data Pengangguran'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-        <ListGrafikBerdasarkanUsiaKerjaYangMenganggur search={search} />
+        <Title order={3}>Grafik Pengangguran Berdasarkan Usia Kerja</Title>
+        <ListGrafikBerdasarkanUsiaKerjaYangMenganggur />
       </Stack>
     </Box>
   );
 }
 
-function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({search}: {search: string}) {
+function ListGrafikBerdasarkanUsiaKerjaYangMenganggur() {
   const stategrafik = useProxy(grafikNganggur.grafikBerdasarkanUsiaKerjaNganggur)
   const [donutData, setDonutData] = useState<any[]>([]);
   const [mounted, setMounted] = useState(false);
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
   const router = useRouter();
+  const [search, setSearch] = useState("");
 
 
   const handleDelete = async () => {
@@ -93,9 +85,13 @@ function ListGrafikBerdasarkanUsiaKerjaYangMenganggur({search}: {search: string}
     <Box>
       <Stack gap={"xs"}>
         <Paper bg={colors['white-1']} p={"md"}>
-          <JudulList
+          <JudulListTab
+            value={search}
+            onChange={(e) => setSearch(e.currentTarget.value)}
             title='List Pengangguran Berdasarkan Usia Kerja'
             href='/admin/ekonomi/jumlah-penduduk-usia-kerja-yang-menganggur/pengangguran_berdasarkan_usia/create'
+            placeholder='pencarian'
+            searchIcon={<IconSearch size={16} />}
           />
           <Table striped withTableBorder withRowBorders>
             <TableThead>

src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/edit/page.tsx

@@ -66,23 +66,19 @@ function EditDetailDataPengangguran() {
         const data = stateDetail.findUnique.data;
   
         if (data) {
-          // Convert year from Date to number
-          const yearValue = data.year instanceof Date ? data.year.getFullYear() : data.year;
-          
           // Set the ID for update
           stateDetail.update.id = id;
           
-          // Update Valtio state with converted year
+          // Isi state Valtio untuk update
           stateDetail.update.form = { 
             ...data,
-            year: yearValue,
             percentageChange: data.percentageChange || 0 // Ensure it's always a number
           };
   
-          // Update local formData with converted year
+          // Isi local formData supaya input bisa dikontrol
           setFormData({
             month: data.month,
-            year: yearValue,
+            year: data.year,
             totalUnemployment: data.totalUnemployment,
             educatedUnemployment: data.educatedUnemployment,
             uneducatedUnemployment: data.uneducatedUnemployment,

src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/[id]/page.tsx

@@ -25,7 +25,7 @@ function DetailJumlahPengangguran() {
       stateDetail.delete.byId(selectedId)
       setModalHapus(false)
       setSelectedId(null)
-      router.push("/admin/ekonomi/jumlah-pengangguran")
+      router.push("/admin/ekonomi/jumlah-pengangguran/detail-data-pengangguran")
     }
   }
 
@@ -63,7 +63,7 @@ function DetailJumlahPengangguran() {
               </Box>
               <Box>
                 <Text fw={"bold"}>Tahun</Text>
-                <Text>{stateDetail.findUnique.data?.year ? new Date(stateDetail.findUnique.data.year).getFullYear() : ''}</Text>
+                <Text>{stateDetail.findUnique.data?.year}</Text>
               </Box>
               <Box>
                 <Text fw={"bold"}>Bulan</Text>
@@ -86,7 +86,7 @@ function DetailJumlahPengangguran() {
                   color={"red"}>
                     <IconX size={20} />
                   </Button>
-                  <Button onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/${stateDetail.findUnique.data?.id}/edit`)} color="green">
+                  <Button onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/detail-data-pengangguran/${stateDetail.findUnique.data?.id}/edit`)} color="green">
                     <IconEdit size={20} />
                   </Button>
                 </Flex>
@@ -108,3 +108,4 @@ function DetailJumlahPengangguran() {
 }
 
 export default DetailJumlahPengangguran;
+

src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/create/page.tsx

@@ -90,7 +90,7 @@ function CreateJumlahPengangguran() {
           />
           <TextInput
             label="Tahun"
-            type="date"
+            type="number"
             value={stateDetail.create.form.year}
             onChange={(e) =>
               (stateDetail.create.form.year = Number(e.currentTarget.value))

src/app/admin/(dashboard)/ekonomi/jumlah-pengangguran/page.tsx

@@ -8,29 +8,21 @@ import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 
 import { BarChart } from '@mantine/charts';
-import HeaderSearch from '../../_com/header';
-import JudulList from '../../_com/judulList';
 import jumlahPengangguranState from '../../_state/ekonomi/jumlah-pengangguran';
+import JudulListTab from '../../_com/judulListTab';
 
 function DetailDataPengangguran() {
-  const [search, setSearch] = useState("")
   return (
     <Box>
       <Stack gap={"xs"}>
-      <HeaderSearch
-        title='Detail Data Pengangguran'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-        <ListDetailDataPengangguran search={search} />
+        <Title order={3}>Detail Data Pengangguran</Title>
+        <ListDetailDataPengangguran />
       </Stack>
     </Box>
   );
 }
 
-function ListDetailDataPengangguran({search}: {search: string}) {
+function ListDetailDataPengangguran() {
 
   type DetailDataPengangguran = {
     id: string;
@@ -45,6 +37,7 @@ function ListDetailDataPengangguran({search}: {search: string}) {
   const [mounted, setMounted] = useState(false); // untuk memastikan DOM sudah ready
   const stateDetail = useProxy(jumlahPengangguranState.jumlahPengangguran)
   const router = useRouter();
+  const [search, setSearch] = useState("")
 
   useShallowEffect(() => {
     setMounted(true)
@@ -57,7 +50,7 @@ function ListDetailDataPengangguran({search}: {search: string}) {
       setChartData(stateDetail.findMany.data.map((item) => ({
         id: item.id,
         month: item.month,
-        year: item.year instanceof Date ? item.year.getFullYear() : Number(item.year),
+        year: item.year,
         educatedUnemployment: Number(item.educatedUnemployment),
         uneducatedUnemployment: Number(item.uneducatedUnemployment),
         percentageChange: Number(item.percentageChange),
@@ -85,9 +78,13 @@ function ListDetailDataPengangguran({search}: {search: string}) {
     <Box>
       <Stack gap={"md"}>
         <Paper bg={colors['white-1']} p={'md'}>
-          <JudulList
+          <JudulListTab
             title='List Detail Data Pengangguran'
-            href='/admin/ekonomi/jumlah-pengangguran/create'
+            href='/admin/ekonomi/jumlah-pengangguran/detail-data-pengangguran/create'
+            value={search}
+            onChange={(e) => setSearch(e.currentTarget.value)}
+            placeholder='pencarian'
+            searchIcon={<IconSearch size={16} />}
           />
           <Table striped withTableBorder withRowBorders>
             <TableThead>
@@ -105,7 +102,7 @@ function ListDetailDataPengangguran({search}: {search: string}) {
                   <TableTd>{item.educatedUnemployment}</TableTd>
                   <TableTd>{item.uneducatedUnemployment}</TableTd>
                   <TableTd>
-                    <Button onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/${item.id}`)}>
+                    <Button onClick={() => router.push(`/admin/ekonomi/jumlah-pengangguran/detail-data-pengangguran/${item.id}`)}>
                       <IconDeviceImac size={20} />
                     </Button>
                   </TableTd>

src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/[id]/edit/page.tsx

@@ -55,17 +55,17 @@ function EditLowonganKerja() {
 
   const handleSubmit = async () => {
     try {
-      // Set the ID for the update
-      lowonganState.update.id = params?.id as string;
-      
-      // Update the form state
-      lowonganState.update.form = {
-        ...lowonganState.update.form,
-        ...formData
-      };
-      
-      // Call the update function
-      await lowonganState.update.update();
+      lowonganKerjaState.update.form = {
+        ...lowonganKerjaState.update.form,
+        posisi: formData.posisi,
+        namaPerusahaan: formData.namaPerusahaan,
+        lokasi: formData.lokasi,
+        tipePekerjaan: formData.tipePekerjaan,
+        gaji: formData.gaji,
+        deskripsi: formData.deskripsi,
+        kualifikasi: formData.kualifikasi,
+      }
+      await lowonganState.update.update()
       toast.success("Lowongan kerja berhasil diperbarui!");
       router.push("/admin/ekonomi/lowongan-kerja-lokal");
     } catch (error) {
@@ -88,7 +88,7 @@ function EditLowonganKerja() {
           <TextInput
             value={formData.posisi}
             onChange={(val) => {
-              setFormData(prev => ({ ...prev, posisi: val.target.value }));
+              formData.posisi = val.target.value;
             }}
             label={<Text fw={"bold"} fz={"sm"}>Posisi</Text>}
             placeholder='Masukkan posisi'
@@ -96,7 +96,7 @@ function EditLowonganKerja() {
           <TextInput
             value={formData.namaPerusahaan}
             onChange={(val) => {
-              setFormData(prev => ({ ...prev, namaPerusahaan: val.target.value }));
+              formData.namaPerusahaan = val.target.value;
             }}
             label={<Text fw={"bold"} fz={"sm"}>Nama Perusahaan</Text>}
             placeholder='Masukkan nama perusahaan'
@@ -104,7 +104,7 @@ function EditLowonganKerja() {
           <TextInput
             value={formData.lokasi}
             onChange={(val) => {
-              setFormData(prev => ({ ...prev, lokasi: val.target.value }));
+              formData.lokasi = val.target.value;
             }}
             label={<Text fw={"bold"} fz={"sm"}>Lokasi</Text>}
             placeholder='Masukkan lokasi'
@@ -112,7 +112,7 @@ function EditLowonganKerja() {
           <TextInput
             value={formData.tipePekerjaan}
             onChange={(val) => {
-              setFormData(prev => ({ ...prev, tipePekerjaan: val.target.value }));
+              formData.tipePekerjaan = val.target.value;
             }}
             label={<Text fw={"bold"} fz={"sm"}>Tipe Pekerjaan</Text>}
             placeholder='Masukkan tipe pekerjaan'
@@ -120,7 +120,7 @@ function EditLowonganKerja() {
           <TextInput
             value={formData.gaji}
             onChange={(val) => {
-              setFormData(prev => ({ ...prev, gaji: val.target.value }));
+              formData.gaji = val.target.value;
             }}
             label={<Text fw={"bold"} fz={"sm"}>Gaji selama 1 bulan</Text>}
             placeholder='Masukkan gaji'
@@ -130,7 +130,7 @@ function EditLowonganKerja() {
             <EditEditor
               value={formData.deskripsi}
               onChange={(val) => {
-                setFormData(prev => ({ ...prev, deskripsi: val }));
+                formData.deskripsi = val;
               }}
             />
           </Box>
@@ -139,7 +139,7 @@ function EditLowonganKerja() {
             <EditEditor
               value={formData.kualifikasi}
               onChange={(val) => {
-                setFormData(prev => ({ ...prev, kualifikasi: val }));
+                formData.kualifikasi = val;
               }}
             />
           </Box>

src/app/admin/(dashboard)/ekonomi/lowongan-kerja-lokal/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
@@ -30,21 +30,20 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
   const lowonganState = useProxy(lowonganKerjaState)
   const router = useRouter();
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = lowonganState.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    lowonganState.findMany.load();
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = (lowonganState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.posisi.toLowerCase().includes(keyword) ||
+      item.namaPerusahaan.toLowerCase().includes(keyword) ||
+      item.lokasi.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!lowonganState.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -61,24 +60,18 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
         <Table striped withTableBorder withRowBorders>
           <TableThead>
             <TableTr>
-              <TableTh>Pekerjaan</TableTh>
-              <TableTh>Nama Perusahaan</TableTh>
-              <TableTh>Lokasi</TableTh>
+              <TableTh>Bekerja Sebagai</TableTh>
+              <TableTh>Nama Usaha</TableTh>
+              <TableTh>Alamat Usaha</TableTh>
               <TableTh>Detail</TableTh>
               </TableTr>
           </TableThead>
           <TableTbody>
             {filteredData.map((item) => (
               <TableTr key={item.id}>
-                <TableTd>
-                  <Text fz={"md"}>{item.posisi}</Text>
-                </TableTd>
-                <TableTd>
-                  <Text fz={"md"}>{item.namaPerusahaan}</Text>
-                </TableTd>
-                <TableTd>
-                  <Text fz={"md"}>{item.lokasi}</Text>
-                </TableTd>
+                <TableTd>{item.posisi}</TableTd>
+                <TableTd>{item.namaPerusahaan}</TableTd>
+                <TableTd>{item.lokasi}</TableTd>
                 <TableTd>
                   <Button onClick={() => router.push(`/admin/ekonomi/lowongan-kerja-lokal/${item.id}`)}>
                   <IconDeviceImac size={20} />
@@ -89,14 +82,6 @@ function ListLowonganKerjaLokal({ search }: { search: string }) {
           </TableTbody>
         </Table>  
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my="md"
-        />
-      </Center>
     </Box>
   );
 }

src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-produk/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -13,39 +13,31 @@ import pasarDesaState from '../../../_state/ekonomi/pasar-desa/pasar-desa';
 
 
 function PasarDesa() {
-  const [search2, setSearch2] = useState("")
+  const [search, setSearch] = useState("")
   return (
     <Box>
       <HeaderSearch
         title='Kategori Produk'
         placeholder='pencarian'
         searchIcon={<IconSearch size={20} />}
-        value={search2}
-        onChange={(e) => setSearch2(e.currentTarget.value)}
+        value={search}
+        onChange={(e) => setSearch(e.currentTarget.value)}
       />
-      <ListPasarDesa search2={search2} />
+      <ListPasarDesa search={search} />
     </Box>
   );
 }
 
-function ListPasarDesa({ search2 }: { search2: string }) {
+function ListPasarDesa({ search }: { search: string }) {
   const statePasar = useProxy(pasarDesaState.kategoriProduk)
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
   // const params = useParams()
   const router = useRouter()
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = statePasar.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search2)
-  }, [page, search2])
+    statePasar.findMany.load()
+  }, [])
 
   const handleHapus = () => {
     if (selectedId) {
@@ -55,9 +47,14 @@ function ListPasarDesa({ search2 }: { search2: string }) {
     }
   }
 
-  const filteredData = data || []
+  const filteredData = (statePasar.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.nama.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!statePasar.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -102,14 +99,6 @@ function ListPasarDesa({ search2 }: { search2: string }) {
           </TableTbody>
         </Table>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my={"md"}
-        />
-      </Center>
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}

src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useShallowEffect } from '@mantine/hooks';
 import { useRouter } from 'next/navigation';
@@ -30,21 +30,21 @@ function ListPasarDesa({ search }: { search: string }) {
   const statePasar = useProxy(pasarDesaState.pasarDesa)
   const router = useRouter();
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = statePasar.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    statePasar.findMany.load()
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = (statePasar.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.nama.toLowerCase().includes(keyword) ||
+      item.harga.toString().toLowerCase().includes(keyword) ||
+      item.rating.toString().toLowerCase().includes(keyword) ||
+      item.alamatUsaha.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!statePasar.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -86,14 +86,6 @@ function ListPasarDesa({ search }: { search: string }) {
           </TableTbody>
         </Table>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my={"md"}
-        />
-      </Center>
     </Box>
   );
 }

src/app/admin/(dashboard)/ekonomi/program-kemiskinan/page.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
@@ -23,7 +23,7 @@ function ProgramKemiskinan() {
         value={search}
         onChange={(e) => setSearch(e.currentTarget.value)}
       />
-      <ListProgramKemiskinan search={search} />
+      <ListProgramKemiskinan search={search}/>
     </Box>
   );
 }
@@ -34,22 +34,14 @@ function ListProgramKemiskinan({ search }: { search: string }) {
   const [lineChart, setLineChart] = useState<any[]>([]);
   const [mounted, setMounted] = useState(false);
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = programState.findMany;
-
   useShallowEffect(() => {
     setMounted(true)
-    load(page, 10, search)
+    programState.findMany.load()
   }, [])
 
   useEffect(() => {
-    if (data) {
-      const chartData = data
+    if (programState.findMany.data) {
+      const chartData = programState.findMany.data
         .filter(item => item.statistik)
         .map(item => ({
           tahun: item.statistik?.tahun,
@@ -60,11 +52,18 @@ function ListProgramKemiskinan({ search }: { search: string }) {
       setLineChart(chartData);
 
     }
-  }, [data])
+  }, [programState.findMany.data])
 
-  const filteredData = data || []
+  const filteredData = (programState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.nama.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword) ||
+      item.statistik?.tahun.toString().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!programState.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -113,7 +112,7 @@ function ListProgramKemiskinan({ search }: { search: string }) {
             <Box >
               <Title pb={10} order={3}>Grafik Berdasarkan Responden</Title>
               {mounted && lineChart.length > 0 ? (<Box style={{ width: '100%', height: 'auto', }}>
-                <Box w={"100%"} style={{ overflowX: 'auto' }}>
+                <Box w={"100%"} style={{overflowX: 'auto'}}>
                   <LineChart
                     width={820}
                     height={300}
@@ -144,14 +143,6 @@ function ListProgramKemiskinan({ search }: { search: string }) {
             </Box>
           </Stack>
         </Paper>
-        <Center>
-          <Pagination
-            value={page}
-            onChange={(newPage) => load(newPage)}
-            total={totalPages}
-            my={"md"}
-          />
-        </Center>
       </Box>
     </Box>
   );

src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/create/page.tsx

@@ -2,16 +2,15 @@
 /* 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 grafikSektorUnggulan from '../../../_state/ekonomi/sektor-unggulan-desa';
-import CreateEditor from '../../../_com/createEditor';
 
 function CreateSektorUnggulanDesa() {
-  const stateGrafik = useProxy(grafikSektorUnggulan);
+  const stateGrafik= useProxy(grafikSektorUnggulan);
   const [chartData, setChartData] = useState<any[]>([]);
   const router = useRouter()
 
@@ -55,15 +54,15 @@ function CreateSektorUnggulanDesa() {
                 stateGrafik.create.form.name = val.currentTarget.value;
               }}
             />
-            <Box>
-              <Text fw={"bold"} fz={"sm"}>Deskripsi Sektor Ungggulan</Text>
-              <CreateEditor
-                value={stateGrafik.create.form.description}
-                onChange={(val) => {
-                  stateGrafik.create.form.description = val;
-                }}
-              />
-            </Box>
+            <TextInput
+              label="Deskripsi Sektor Unggulan"
+              type="text"
+              value={stateGrafik.create.form.description}
+              placeholder="Masukkan deskripsi sektor unggulan"
+              onChange={(val) => {
+                stateGrafik.create.form.description = val.currentTarget.value;
+              }}
+            />
             <TextInput
               label="Jumlah"
               type="number"

src/app/admin/(dashboard)/ekonomi/sektor-unggulan-desa/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
@@ -30,7 +30,7 @@ function SektorUnggulanDesa() {
 function ListSektorUnggulanDesa({ search }: { search: string }) {
   const router = useRouter();
   const state = useProxy(grafikSektorUnggulan);
-  const [chartData, setChartData] = useState<{ id: string; name: string; description: string | null; value: number | null }[]>([]);
+  const [chartData, setChartData] = useState<{id: string; name: string; description: string | null; value: number | null}[]>([]);
   const [mounted, setMounted] = useState(false); // untuk memastikan DOM sudah ready
   const isTablet = useMediaQuery('(max-width: 1024px)')
   const isMobile = useMediaQuery('(max-width: 768px)')
@@ -61,41 +61,38 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
   }, [state.findMany.data]);
 
   return (
-    <Box>
-      <Stack gap={"xs"}>
-        <Paper bg={colors['white-1']} p={'md'}>
-          <JudulList
-            title='List Sektor Unggulan Desa'
-            href='/admin/ekonomi/sektor-unggulan-desa/create'
-          />
-          <Table striped withTableBorder withRowBorders>
-            <TableThead>
-              <TableTr>
-                <TableTh>Nama Sektor Unggulan</TableTh>
-                <TableTh>Deskripsi Sektor Unggulan</TableTh>
-                <TableTh>Detail</TableTh>
+    <Box py={10}>
+      <Paper bg={colors['white-1']} p={'md'}>
+        <JudulList
+          title='List Sektor Unggulan Desa'
+          href='/admin/ekonomi/sektor-unggulan-desa/create'
+        />
+        <Table striped withTableBorder withRowBorders>
+          <TableThead>
+            <TableTr>
+              <TableTh>Nama Sektor Unggulan</TableTh>
+              <TableTh>Deskripsi Sektor Unggulan</TableTh>
+              <TableTh>Detail</TableTh>
+            </TableTr>
+          </TableThead>
+          <TableTbody>
+            {filteredData.map((item) => (
+              <TableTr key={item.id}>
+                <TableTd>{item.name}</TableTd>
+                <TableTd>{item.description}</TableTd>
+                <TableTd>
+                  <Button onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}>
+                    <IconDeviceImac size={20} />
+                  </Button>
+                </TableTd>
               </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.map((item) => (
-                <TableTr key={item.id}>
-                  <TableTd>{item.name}</TableTd>
-                  <TableTd>
-                    <Text truncate={"end"} fz={'sm'} lineClamp={1} dangerouslySetInnerHTML={{ __html: item.description || '' }}></Text>
-                  </TableTd>
-                  <TableTd>
-                    <Button onClick={() => router.push(`/admin/ekonomi/sektor-unggulan-desa/${item.id}`)}>
-                      <IconDeviceImac size={20} />
-                    </Button>
-                  </TableTd>
-                </TableTr>
-              ))}
-            </TableTbody>
-          </Table>
-        </Paper>
+            ))}
+          </TableTbody>
+        </Table>
+      </Paper>
 
-        {/* Chart */}
-        {!mounted && !chartData ? (
+      {/* 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}>Grafik Hasil Kepuasan Masyarakat</Title>
@@ -118,7 +115,6 @@ function ListSektorUnggulanDesa({ search }: { search: string }) {
             </Paper>
           </Box>
         )}
-      </Stack>
     </Box>
   );
 }

src/app/admin/(dashboard)/inovasi/desa-digital-smart-village/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Pagination } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,22 +29,19 @@ function DesaDigitalSmartVillage() {
 function ListDesaDigitalSmartVillage({ search }: { search: string }) {
   const state = useProxy(desaDigitalState)
   const router = useRouter()
-
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = state.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    state.findMany.load()
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = (state.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!state.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -71,27 +68,18 @@ function ListDesaDigitalSmartVillage({ search }: { search: string }) {
               <TableTr key={item.id}>
                 <TableTd>{item.name}</TableTd>
                 <TableTd>
-                  <Text lineClamp={1} truncate="end" fz={"sm"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  <Text truncate="end" fz={"sm"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                 </TableTd>
-                <TableTd>
-                  <Button onClick={() => router.push(`/admin/inovasi/desa-digital-smart-village/${item.id}`)}>
-                    <IconDeviceImac size={20} />
-                  </Button>
-                </TableTd>
-              </TableTr>
-            ))}
+              <TableTd>
+                <Button onClick={() => router.push(`/admin/inovasi/desa-digital-smart-village/${item.id}`)}>
+                  <IconDeviceImac size={20} />
+                </Button>
+              </TableTd>
+            </TableTr>
+          ))}
           </TableTbody>
         </Table>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
-          total={totalPages}
-          mt="md"
-          mb="md"
-        />
-      </Center>
     </Box>
   );
 }

src/app/admin/(dashboard)/inovasi/info-teknologi-tepat-guna/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -29,22 +29,19 @@ function InfoTeknologiTepatGuna() {
 function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
   const state = useProxy(infoTeknoState)
   const router = useRouter()
-
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = state.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    state.findMany.load()
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = (state.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!state.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -71,25 +68,17 @@ function ListInfoTeknologiTepatGuna({ search }: { search: string }) {
               <TableTr key={item.id}>
                 <TableTd>{item.name}</TableTd>
                 <TableTd>
-                  <Text lineClamp={1} truncate="end" fz={"sm"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+                  <Text truncate="end" fz={"sm"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                 </TableTd>
-                <TableTd>
-                  <Button onClick={() => router.push(`/admin/inovasi/info-teknologi-tepat-guna/${item.id}`)}>
-                    <IconDeviceImac size={20} />
-                  </Button>
-                </TableTd>
-              </TableTr>
-            ))}
+              <TableTd>
+                <Button onClick={() => router.push(`/admin/inovasi/info-teknologi-tepat-guna/${item.id}`)}>
+                  <IconDeviceImac size={20} />
+                </Button>
+              </TableTd>
+            </TableTr>
+          ))}
           </TableTbody>
         </Table>
-        <Center>
-          <Pagination
-            value={page}
-            onChange={(newPage) => load(newPage)} // ini penting!
-            total={totalPages}
-            my="md"
-          />
-        </Center>
       </Paper>
     </Box>
   );

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/[id]/edit/page.tsx

@@ -2,34 +2,41 @@
 "use client";
 
 import EditEditor from "@/app/admin/(dashboard)/_com/editEditor";
-import kolaborasiInovasiState from "@/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi";
 import colors from "@/con/colors";
+import ApiFetch from "@/lib/api-fetch";
 import {
   Box,
   Button,
+  Center,
+  FileInput,
+  Image,
   Paper,
   Stack,
   Text,
   TextInput,
   Title
 } from "@mantine/core";
-import { IconArrowBack } from "@tabler/icons-react";
+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";
+import kolaborasiInovasiState from "@/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi";
 
 function EditKolaborasiInovasi() {
   const kolaborasiState = useProxy(kolaborasiInovasiState);
   const router = useRouter();
   const params = useParams();
 
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
   const [formData, setFormData] = useState({
     name: kolaborasiState.update.form.name || '',
     deskripsi: kolaborasiState.update.form.deskripsi || '',
     tahun: kolaborasiState.update.form.tahun || '',
     slug: kolaborasiState.update.form.slug || '',
     kolaborator: kolaborasiState.update.form.kolaborator || '',
+    imageId: kolaborasiState.update.form.imageId || ''
   });
 
   // Load berita by id saat pertama kali
@@ -47,7 +54,13 @@ function EditKolaborasiInovasi() {
             tahun: data.tahun || '',
             slug: data.slug || '',
             kolaborator: data.kolaborator || '',
+            imageId: data.imageId || '',
           });
+          if (data.image) {
+            if (data?.image?.link) {
+              setPreviewImage(data.image.link);
+            }
+          }
         }
       } catch (error) {
         console.error("Error loading berita:", error);
@@ -69,7 +82,22 @@ function EditKolaborasiInovasi() {
         tahun: Number(formData.tahun),
         slug: formData.slug,
         kolaborator: formData.kolaborator,
+        imageId: formData.imageId // Keep existing imageId if not changed
       };
+
+      // Jika ada file baru, upload
+      if (file) {
+        const res = await ApiFetch.api.fileStorage.create.post({ file, name: file.name });
+        const uploaded = res.data?.data;
+
+        if (!uploaded?.id) {
+          return toast.error("Gagal upload gambar");
+        }
+
+        // Update imageId in global state
+        kolaborasiState.update.form.imageId = uploaded.id;
+      }
+
       await kolaborasiState.update.submit();
       toast.success("Berita berhasil diperbarui!");
       router.push("/admin/inovasi/kolaborasi-inovasi");
@@ -116,6 +144,28 @@ function EditKolaborasiInovasi() {
             label={<Text fz={"sm"} fw={"bold"}>Kolaborator</Text>}
             placeholder="masukkan kolaborator"
           />
+
+          <FileInput
+            label={<Text fz={"sm"} fw={"bold"}>Upload Gambar Baru (Opsional)</Text>}
+            value={file}
+            onChange={async (e) => {
+              if (!e) return;
+              setFile(e);
+              const base64 = await e.arrayBuffer().then((buf) =>
+                "data:image/png;base64," + Buffer.from(buf).toString("base64")
+              );
+              setPreviewImage(base64);
+            }}
+          />
+
+          {previewImage ? (
+            <Image alt="" src={previewImage} w={200} h={200} />
+          ) : (
+            <Center w={200} h={200} bg={"gray"}>
+              <IconImageInPicture />
+            </Center>
+          )}
+
           <Box>
             <Text fz={"sm"} fw={"bold"}>Konten</Text>
             <EditEditor

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/[id]/page.tsx

@@ -1,15 +1,15 @@
 'use client'
 import { useProxy } from 'valtio/utils';
 
-import { Box, Button, Flex, Paper, Skeleton, Stack, Text } from '@mantine/core';
+import { Box, Button, Flex, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconArrowBack, IconEdit, IconX } from '@tabler/icons-react';
 import { useParams, useRouter } from 'next/navigation';
 import { useState } from 'react';
 
-import { ModalKonfirmasiHapus } from '@/app/admin/(dashboard)/_com/modalKonfirmasiHapus';
-import kolaborasiInovasiState from '@/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi';
 import colors from '@/con/colors';
+import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
+import kolaborasiInovasiState from '../../../_state/inovasi/kolaborasi-inovasi';
 
 function DetailKolaborasiInovasi() {
   const kolaborasiState = useProxy(kolaborasiInovasiState)
@@ -69,6 +69,10 @@ function DetailKolaborasiInovasi() {
                   <Text fw={"bold"} fz={"lg"}>Deskripsi</Text>
                   <Text fz={"lg"} dangerouslySetInnerHTML={{ __html: kolaborasiState.findUnique.data?.deskripsi }} />
                 </Box>
+                <Box>
+                  <Text fw={"bold"} fz={"lg"}>Gambar</Text>
+                  <Image w={{ base: 150, md: 150, lg: 150 }} src={kolaborasiState.findUnique.data?.image?.link} alt="gambar" />
+                </Box>
                 <Box>
                   <Text fw={"bold"} fz={"lg"}>Kolaborator</Text>
                   <Text fz={"lg"}>{kolaborasiState.findUnique.data?.kolaborator}</Text>

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/_lib/layoutTabs.tsx

@@ -1,62 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
-
-function LayoutTabsKolaborasi({ children }: { children: React.ReactNode }) {
-    const router = useRouter()
-    const pathname = usePathname()
-    const tabs = [
-        {
-            label: "List Kolaborasi Inovasi",
-            value: "listkolaborasiinovasi",
-            href: "/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi"
-        },
-        {
-            label: "Mitra Kolaborasi",
-            value: "mitarakolaborasi",
-            href: "/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi"
-        }
-    ];
-    const curentTab = tabs.find(tab => tab.href === pathname)
-    const [activeTab, setActiveTab] = useState<string | null>(curentTab?.value || tabs[0].value);
-
-    const handleTabChange = (value: string | null) => {
-        const tab = tabs.find(t => t.value === value)
-        if (tab) {
-            router.push(tab.href)
-        }
-        setActiveTab(value)
-    }
-
-    useEffect(() => {
-        const match = tabs.find(tab => tab.href === pathname)
-        if (match) {
-            setActiveTab(match.value)
-        }
-    }, [pathname])
-
-    return (
-        <Stack>
-            <Title order={3}>Kolaborasi Inovasi</Title>
-            <Tabs color={colors['blue-button']} variant='pills' value={activeTab} onChange={handleTabChange}>
-                <TabsList p={"xs"} bg={"#BBC8E7FF"}>
-                    {tabs.map((e, i) => (
-                        <TabsTab key={i} value={e.value}>{e.label}</TabsTab>
-                    ))}
-                </TabsList>
-                {tabs.map((e, i) => (
-                    <TabsPanel key={i} value={e.value}>
-                        {/* Konten dummy, bisa diganti tergantung routing */}
-                        <></>
-                    </TabsPanel>
-                ))}
-            </Tabs>
-            {children}
-        </Stack>
-    );
-}
-
-export default LayoutTabsKolaborasi;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/create/page.tsx

@@ -0,0 +1,155 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Center, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconArrowBack, IconImageInPicture, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import CreateEditor from '../../../_com/createEditor';
+import kolaborasiInovasiState from '../../../_state/inovasi/kolaborasi-inovasi';
+import { useState } from 'react';
+import { toast } from 'react-toastify';
+import ApiFetch from '@/lib/api-fetch';
+import { Dropzone } from '@mantine/dropzone';
+
+
+function CreateProgramKreatifDesa() {
+  const stateCreate = useProxy(kolaborasiInovasiState)
+  const router = useRouter();
+  const [previewImage, setPreviewImage] = useState<string | null>(null);
+  const [file, setFile] = useState<File | null>(null);
+
+  const resetForm = () => {
+    stateCreate.create.form = {
+      name: "",
+      tahun: 0,
+      slug: "",
+      deskripsi: "",
+      kolaborator: "",
+      imageId: "",
+    }
+
+    setPreviewImage(null);
+    setFile(null);
+  }
+
+  const handleSubmit = async () => {
+    if (!file) {
+      return toast.warn("Pilih file gambar terlebih dahulu");
+    }
+
+    // Upload gambar dulu
+    const res = await ApiFetch.api.fileStorage.create.post({
+      file,
+      name: file.name,
+    });
+
+    const uploaded = res.data?.data;
+    if (!uploaded?.id) {
+      return toast.error("Gagal upload gambar");
+    }
+
+    // Simpan ID gambar ke form
+    stateCreate.create.form.imageId = uploaded.id;
+
+    // Submit data berita
+    await stateCreate.create.create();
+
+    // Reset form setelah submit
+    resetForm();
+    router.push("/admin/inovasi/kolaborasi-inovasi")
+  }
+  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={3}>Create Kolaborasi Inovasi</Title>
+          <TextInput
+            label={<Text fz={"sm"} fw={"bold"}>Nama Kolaborasi Inovasi</Text>}
+            placeholder="masukkan nama kolaborasi inovasi"
+            onChange={(val) => stateCreate.create.form.name = val.target.value}
+          />
+          <TextInput
+            type='number'
+            label={<Text fz={"sm"} fw={"bold"}>Tahun</Text>}
+            placeholder="masukkan tahun"
+            onChange={(val) => stateCreate.create.form.tahun = parseInt(val.target.value)}
+          />
+          <TextInput
+            onChange={(e) => stateCreate.create.form.slug = e.currentTarget.value}
+            label={<Text fw={"bold"} fz={"sm"}>Deskripsi Singkat Kolaborasi Inovasi</Text>}
+            placeholder='Masukkan deskripsi singkat kolaborasi inovasi'
+          />
+          <TextInput
+            onChange={(e) => stateCreate.create.form.kolaborator = e.currentTarget.value}
+            label={<Text fw={"bold"} fz={"sm"}>Kolaborator</Text>}
+            placeholder='Masukkan kolaborator'
+          />
+          <Box>
+            <Stack gap={"xs"}>
+              <Text fz={"md"} fw={"bold"}>Gambar</Text>
+              <Box>
+                <Dropzone
+                  onDrop={(files) => {
+                    const newImages = files.map((file) => ({
+                      file,
+                      preview: URL.createObjectURL(file),
+                      label: '',
+                    }));
+                    setFile(newImages[0].file);
+                    setPreviewImage(newImages[0].preview); // ← ini yang kurang
+                  }}
+
+                >
+                  <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>
+              {previewImage ? (
+                <Image alt="" src={previewImage} w={200} h={200} />
+              ) : (
+                <Center w={200} h={200} bg={"gray"}>
+                  <IconImageInPicture />
+                </Center>
+              )}
+            </Stack>
+          </Box>
+          <Box>
+            <Text fw={"bold"} fz={"sm"}>Deskripsi Kolaborasi Inovasi</Text>
+            <CreateEditor
+              value={stateCreate.create.form.deskripsi}
+              onChange={(htmlContent) => stateCreate.create.form.deskripsi = htmlContent}
+            />
+          </Box>
+          <Group>
+            <Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
+          </Group>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default CreateProgramKreatifDesa;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/layout.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import LayoutTabsKolaborasi from './_lib/layoutTabs';
-
-function Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <LayoutTabsKolaborasi>
-      {children}
-    </LayoutTabsKolaborasi>
-  );
-}
-
-export default Layout;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi/create/page.tsx

@@ -1,113 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import CreateEditor from '@/app/admin/(dashboard)/_com/createEditor';
-import kolaborasiInovasiState from '@/app/admin/(dashboard)/_state/inovasi/kolaborasi-inovasi';
-import colors from '@/con/colors';
-import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
-import { YearPickerInput } from '@mantine/dates';
-import { IconArrowBack } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useEffect } from 'react';
-import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
-
-
-
-function CreateProgramKreatifDesa() {
-  const stateCreate = useProxy(kolaborasiInovasiState)
-  const router = useRouter();
-
-  const resetForm = () => {
-    stateCreate.create.form = {
-      name: "",
-      tahun: 0,
-      slug: "",
-      deskripsi: "",
-      kolaborator: "",
-    }
-  }
-
-  // Generate slug from name
-  useEffect(() => {
-    const { name } = stateCreate.create.form;
-    if (name) {
-      const slug = name
-        .toLowerCase()
-        .replace(/[^\w\s-]/g, '')
-        .replace(/\s+/g, '-')
-        .replace(/-+/g, '-');
-      stateCreate.create.form.slug = slug;
-    }
-  }, [stateCreate.create.form.name]);
-
-  const handleSubmit = async () => {
-    try {
-      // Submit data kolaborasi inovasi
-      await stateCreate.create.create();
-
-      // Reset form setelah submit
-      resetForm();
-      router.push("/admin/inovasi/kolaborasi-inovasi");
-      toast.success("Berhasil menambahkan kolaborasi inovasi");
-    } catch (error) {
-      console.error("Error creating kolaborasi inovasi:", error);
-      toast.error("Terjadi kesalahan saat menyimpan data");
-    }
-  }
-  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={3}>Create Kolaborasi Inovasi</Title>
-          <TextInput
-            label={<Text fz={"sm"} fw={"bold"}>Nama Kolaborasi Inovasi</Text>}
-            placeholder="masukkan nama kolaborasi inovasi"
-            onChange={(val) => stateCreate.create.form.name = val.target.value}
-          />
-          <YearPickerInput
-            clearable
-            value={stateCreate.create.form.tahun ? new Date(stateCreate.create.form.tahun, 0, 1) : null}
-            label="Tahun"
-            placeholder="Pilih tahun"
-            onChange={(dateString: string) => {
-              const year = dateString ? new Date(dateString).getFullYear() : 0;
-              stateCreate.create.form.tahun = year;
-            }}
-          />
-          <Box>
-            <Text fw={"bold"} fz={"sm"}>Deskripsi</Text>
-            <CreateEditor
-              value={stateCreate.create.form.deskripsi}
-              onChange={(val) => {
-                stateCreate.create.form.deskripsi = val;
-              }}
-            />
-          </Box>
-          <TextInput
-            onChange={(e) => stateCreate.create.form.kolaborator = e.currentTarget.value}
-            label={<Text fw={"bold"} fz={"sm"}>Kolaborator</Text>}
-            placeholder='Masukkan kolaborator'
-          />
-          <Box>
-            <Text fw={"bold"} fz={"sm"}>Deskripsi Kolaborasi Inovasi</Text>
-            <CreateEditor
-              value={stateCreate.create.form.deskripsi}
-              onChange={(htmlContent) => stateCreate.create.form.deskripsi = htmlContent}
-            />
-          </Box>
-          <Group>
-            <Button bg={colors['blue-button']} onClick={handleSubmit}>Submit</Button>
-          </Group>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default CreateProgramKreatifDesa;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/[id]/page.tsx

@@ -1,148 +0,0 @@
-'use client'
-/* eslint-disable react-hooks/exhaustive-deps */
-import mitraKolaborasi from '@/app/admin/(dashboard)/_state/inovasi/mitra-kolaborasi';
-import colors from '@/con/colors';
-import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Center, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
-import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconImageInPicture, 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 EditFoto() {
-  const state = useProxy(mitraKolaborasi)
-  const router = useRouter();
-  const params = useParams();
-  const [previewImage, setPreviewImage] = useState<string | null>(null);
-  const [file, setFile] = useState<File | null>(null);
-  const [formData, setFormData] = useState({
-    name: state.update.form.name || '',
-    imageId: state.update.form.imageId || ''
-  });
-
-  useEffect(() => {
-    const loadFoto = async () => {
-      const id = params?.id as string;
-      if (!id) return;
-      try {
-        const data = await state.update.load(id);
-        if (data) {
-          setFormData({
-            name: data.name || '',
-            imageId: data.imageId || ''
-          });
-          if (data?.image?.link) {
-            setPreviewImage(data.image.link);
-          }
-        }
-      } catch (error) {
-        console.error('Error loading foto:', error);
-        toast.error('Gagal memuat data foto');
-      }
-    };
-    loadFoto();
-  }, [params?.id]);
-
-  const handleSubmit = async () => {
-    try {
-      state.update.form = {
-        ...state.update.form,
-        name: formData.name,
-        imageId: formData.imageId
-      };
-      if (file) {
-        const res = await ApiFetch.api.fileStorage.create.post({
-          file,
-          name: file.name,
-        });
-        const uploaded = res.data?.data;
-        if (!uploaded?.id) {
-          return toast.error("Gagal upload gambar");
-        }
-        state.update.form.imageId = uploaded.id;
-      }
-      await state.update.update();
-      toast.success('Mitra berhasil diperbarui!');
-      router.push('/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi');
-    } catch (error) {
-      console.error('Error updating mitra:', error);
-      toast.error('Terjadi kesalahan saat memperbarui mitra');
-    }
-  };
-
-  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 Mitra</Title>
-          <TextInput
-            label={<Text fw={"bold"} fz={"sm"}>Nama Mitra</Text>}
-            placeholder='Masukkan nama mitra'
-            value={formData.name}
-            onChange={(e) =>
-              (formData.name = e.target.value)
-            }
-          />
-          <Box>
-            <Text>Upload Foto</Text>
-            <Dropzone
-              onDrop={(files) => {
-                const selectedFile = files[0]; // Ambil file pertama
-                if (selectedFile) {
-                  setFile(selectedFile);
-                  setPreviewImage(URL.createObjectURL(selectedFile)); // Buat preview
-                }
-              }}
-              onReject={() => toast.error('File tidak valid.')}
-              maxSize={5 * 1024 ** 2} // Maks 5MB
-              accept={{ 'image/*': [] }}
-            >
-              <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 gambar ke sini atau klik untuk pilih file
-                  </Text>
-                  <Text size="sm" c="dimmed" inline mt={7}>
-                    Maksimal 5MB dan harus format gambar
-                  </Text>
-                </div>
-              </Group>
-            </Dropzone>
-
-            {previewImage ? (
-              <Image alt="" src={previewImage} w={200} h={200} />
-            ) : (
-              <Center w={200} h={200} bg={"gray"}>
-                <IconImageInPicture />
-              </Center>
-            )}
-          </Box>
-          <Group>
-            <Button onClick={handleSubmit} bg={colors['blue-button']}>Submit</Button>
-          </Group>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default EditFoto;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create/page.tsx

@@ -1,136 +0,0 @@
-'use client'
-import mitraKolaborasi from '@/app/admin/(dashboard)/_state/inovasi/mitra-kolaborasi';
-import colors from '@/con/colors';
-import ApiFetch from '@/lib/api-fetch';
-import { Box, Button, Group, Image, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
-import { Dropzone } from '@mantine/dropzone';
-import { IconArrowBack, IconPhoto, IconUpload, IconX } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useState } from 'react';
-import { toast } from 'react-toastify';
-import { useProxy } from 'valtio/utils';
-
-
-
-function CreateFoto() {
-  const state = useProxy(mitraKolaborasi)
-  const router = useRouter();
-  const [previewImage, setPreviewImage] = useState<string | null>(null);
-  const [file, setFile] = useState<File | null>(null);
-
-  const resetForm = () => {
-    state.create.form = {
-      name: "",
-      imageId: "",
-    };
-
-    setPreviewImage(null)
-    setFile(null)
-  };
-
-  const handleSubmit = async () => {
-    if (!file) {
-      return toast.warn("Pilih file gambar terlebih dahulu");
-    }
-
-    const res = await ApiFetch.api.fileStorage.create.post({
-      file,
-      name: file.name,
-    });
-
-    const uploaded = res.data?.data;
-    if (!uploaded?.id) {
-      return toast.error("Gagal upload gambar");
-    }
-
-    state.create.form.imageId = uploaded.id;
-    await state.create.create();
-    resetForm();
-    router.push("/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi")
-  };
-
-  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}>Create Mitra</Title>
-          <TextInput
-            label={<Text fw={"bold"} fz={"sm"}>Nama Mitra</Text>}
-            placeholder='Masukkan nama mitra'
-            value={state.create.form.name}
-            onChange={(val) => {
-              state.create.form.name = val.target.value;
-            }}
-          />
-          <Box>
-            <Text fz={"md"} fw={"bold"}>Gambar</Text>
-            <Box>
-              <Dropzone
-                onDrop={(files) => {
-                  const selectedFile = files[0]; // Ambil file pertama
-                  if (selectedFile) {
-                    setFile(selectedFile);
-                    setPreviewImage(URL.createObjectURL(selectedFile)); // Buat preview
-                  }
-                }}
-                onReject={() => toast.error('File tidak valid.')}
-                maxSize={5 * 1024 ** 2} // Maks 5MB
-                accept={{ 'image/*': [] }}
-              >
-                <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 gambar ke sini atau klik untuk pilih file
-                    </Text>
-                    <Text size="sm" c="dimmed" inline mt={7}>
-                      Maksimal 5MB dan harus format gambar
-                    </Text>
-                  </div>
-                </Group>
-              </Dropzone>
-
-              {/* Tampilkan preview kalau ada */}
-              {previewImage && (
-                <Box mt="sm">
-                  <Image
-                    src={previewImage}
-                    alt="Preview"
-                    style={{
-                      maxWidth: '100%',
-                      maxHeight: '200px',
-                      objectFit: 'contain',
-                      borderRadius: '8px',
-                      border: '1px solid #ddd',
-                    }}
-                  />
-                </Box>
-              )}
-
-            </Box>
-          </Box>
-          <Group>
-            <Button onClick={handleSubmit} bg={colors['blue-button']}>Submit</Button>
-          </Group>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default CreateFoto;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/mitra-kolaborasi/page.tsx

@@ -1,187 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Center, Image, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-import { IconEdit, IconSearch, IconX } from '@tabler/icons-react';
-import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import HeaderSearch from '../../../_com/header';
-import JudulList from '../../../_com/judulList';
-import mitraKolaborasi from '../../../_state/inovasi/mitra-kolaborasi';
-import { ModalKonfirmasiHapus } from '../../../_com/modalKonfirmasiHapus';
-
-function MitraKolaborasi() {
-  const [search, setSearch] = useState('');
-  return (
-    <Box>
-      <HeaderSearch
-        title='Mitra Kolaborasi'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-      <ListMitraKolaborasi search={search} />
-    </Box>
-  );
-}
-
-function ListMitraKolaborasi({ search }: { search: string }) {
-  const listState = useProxy(mitraKolaborasi)
-  const router = useRouter();
-  const [modalHapus, setModalHapus] = useState(false)
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-
-  const handleHapus = () => {
-    if (selectedId) {
-      mitraKolaborasi.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-      router.push("/admin/inovasi/kolaborasi-inovasi")
-    }
-  }
-
-  const {
-    data,
-    loading,
-    page,
-    totalPages,
-    load,
-  } = listState.findMany
-
-  useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
-
-  const filteredData = data || []
-
-  if (loading || !data) {
-    return (
-      <Stack py={10}>
-        <Skeleton height={650} />
-      </Stack>
-    );
-  }
-  if (data.length === 0) {
-    return (
-      <Box py={10}>
-        <Paper p="md" >
-          <Stack>
-            <JudulList
-              title='List Mitra Kolaborasi'
-              href='/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create'
-            />
-            <Table striped withTableBorder withRowBorders>
-              <TableThead>
-                <TableTr>
-                  <TableTh>No</TableTh>
-                  <TableTh>Nama Mitra</TableTh>
-                  <TableTh>Image</TableTh>
-                  <TableTh>Delete</TableTh>
-                  <TableTh>Edit</TableTh>
-                </TableTr>
-              </TableThead>
-            </Table>
-            <Text ta="center">Tidak ada data mitra kolaborasi yang tersedia</Text>
-          </Stack>
-        </Paper>
-      </Box >
-    );
-  }
-
-  return (
-    <Box py={10}>
-      <Paper bg={colors['white-1']} p={'md'}>
-        <JudulList
-          title='List Mitra Kolaborasi'
-          href='/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create'
-        />
-        <Table striped withTableBorder withRowBorders>
-          <TableThead>
-            <TableTr>
-              <TableTh>No</TableTh>
-              <TableTh>Nama Mitra</TableTh>
-              <TableTh>Image</TableTh>
-              <TableTh>Delete</TableTh>
-              <TableTh>Edit</TableTh>
-            </TableTr>
-          </TableThead>
-          <TableTbody>
-            {filteredData.map((item, index) => (
-              <TableTr key={item.id}>
-                <TableTd>{index + 1}</TableTd>
-                <TableTd>{item.name}</TableTd>
-                <TableTd>
-                  <Box style={{
-                    width: 100,
-                    height: 100,
-                    position: 'relative',
-                    overflow: 'hidden',
-                    borderRadius: 4
-                  }}>
-                    <Image
-                      src={item.image?.link || ''}
-                      alt={item.name}
-                      style={{
-                        width: '100%',
-                        height: '100%',
-                        objectFit: 'cover',
-                        objectPosition: 'center'
-                      }}
-                    />
-                  </Box>
-                </TableTd>
-                <TableTd>
-                  <Button
-                    onClick={() => {
-                      if (item) {
-                        setSelectedId(item.id);
-                        setModalHapus(true);
-                      }
-                    }}
-                    disabled={mitraKolaborasi.delete.loading || !item}
-                    color={"red"}
-                  >
-                    <IconX size={20} />
-                  </Button>
-                </TableTd>
-                <TableTd>
-                  <Button
-                    onClick={() => {
-                      if (item) {
-                        router.push(`/admin/inovasi/kolaborasi-inovasi/mitra-kolaborasi/${item.id}`);
-                      }
-                    }}
-                    disabled={!item}
-                    color={"green"}
-                  >
-                    <IconEdit size={20} />
-                  </Button>
-                </TableTd>
-              </TableTr>
-            ))}
-          </TableTbody>
-        </Table>
-      </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
-          total={totalPages}
-          mt="md"
-          mb="md"
-        />
-      </Center>
-      {/* Modal Konfirmasi Hapus */}
-      <ModalKonfirmasiHapus
-        opened={modalHapus}
-        onClose={() => setModalHapus(false)}
-        onConfirm={handleHapus}
-        text='Apakah anda yakin ingin menghapus mitra kolaborasi ini?'
-      />
-    </Box >
-  );
-}
-
-export default MitraKolaborasi;

src/app/admin/(dashboard)/inovasi/kolaborasi-inovasi/page.tsx

@@ -3,11 +3,11 @@
 import colors from '@/con/colors';
 import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
-import HeaderSearch from '../../../_com/header';
-import JudulList from '../../../_com/judulList';
+import HeaderSearch from '../../_com/header';
+import JudulList from '../../_com/judulList';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
-import kolaborasiInovasiState from '../../../_state/inovasi/kolaborasi-inovasi';
+import kolaborasiInovasiState from '../../_state/inovasi/kolaborasi-inovasi';
 import { useProxy } from 'valtio/utils';
 
 function KolaborasiInovasi() {
@@ -28,21 +28,22 @@ function KolaborasiInovasi() {
 
 function ListKolaborasiInovasi({ search }: { search: string }) {
   const listState = useProxy(kolaborasiInovasiState)
+  const { data, loading, page, totalPages, load } = listState.findMany
   const router = useRouter();
 
-  const {
-    data,
-    loading,
-    page,
-    totalPages,
-    load,
-  } = listState.findMany
-
   useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10)
+  }, [page])
 
-  const filteredData = data || []
+  const filteredData = (data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword) ||
+      item.slug.toLowerCase().includes(keyword) ||
+      item.kolaborator.toLowerCase().includes(keyword)
+    );
+  });
 
   if (loading || !data) {
     return (
@@ -63,11 +64,11 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
             <Table striped withTableBorder withRowBorders>
               <TableThead>
                 <TableTr>
-                  <TableTh>No</TableTh>
-                  <TableTh>Nama Kolaborasi Inovasi</TableTh>
-                  <TableTh>Tahun</TableTh>
-                  <TableTh>Deskripsi Singkat</TableTh>
-                  <TableTh>Detail</TableTh>
+                  <TableTh style={{ width: '2%', textAlign: 'center' }}>No</TableTh>
+                  <TableTh style={{ width: '15%' }}>Nama Kolaborasi Inovasi</TableTh>
+                  <TableTh style={{ width: '15%', textAlign: 'center' }}>Tahun</TableTh>
+                  <TableTh style={{ width: '20%' }}>Deskripsi Singkat</TableTh>
+                  <TableTh style={{ width: '5%', textAlign: 'center' }}>Detail</TableTh>
                 </TableTr>
               </TableThead>
             </Table>
@@ -88,21 +89,21 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
         <Table striped withTableBorder withRowBorders>
           <TableThead>
             <TableTr>
-              <TableTh>No</TableTh>
-              <TableTh>Nama Kolaborasi Inovasi</TableTh>
-              <TableTh>Tahun</TableTh>
-              <TableTh>Deskripsi Singkat</TableTh>
-              <TableTh>Detail</TableTh>
+              <TableTh style={{ width: '1%', textAlign: 'center' }}>No</TableTh>
+              <TableTh style={{ width: '15%' }}>Nama Kolaborasi Inovasi</TableTh>
+              <TableTh style={{ width: '5%', textAlign: 'center' }}>Tahun</TableTh>
+              <TableTh style={{ width: '20%' }}>Deskripsi Singkat</TableTh>
+              <TableTh style={{ width: '5%', textAlign: 'center' }}>Detail</TableTh>
             </TableTr>
           </TableThead>
           <TableTbody>
             {filteredData.map((item, index) => (
               <TableTr key={item.id}>
-                <TableTd>{index + 1}</TableTd>
-                <TableTd>{item.name}</TableTd>
-                <TableTd>{item.tahun}</TableTd>
-                <TableTd>{item.slug}</TableTd>
-                <TableTd>
+                <TableTd style={{ width: '1%', textAlign: 'center' }}>{index + 1}</TableTd>
+                <TableTd style={{ width: '15%' }}>{item.name}</TableTd>
+                <TableTd style={{ width: '5%', textAlign: 'center' }}>{item.tahun}</TableTd>
+                <TableTd style={{ width: '20%' }}>{item.slug}</TableTd>
+                <TableTd style={{ width: '5%', textAlign: 'center' }}>
                   <Button onClick={() => router.push(`/admin/inovasi/kolaborasi-inovasi/${item.id}`)}>
                     <IconDeviceImac size={20} />
                   </Button>
@@ -115,13 +116,17 @@ function ListKolaborasiInovasi({ search }: { search: string }) {
       <Center>
         <Pagination
           value={page}
-          onChange={(newPage) => load(newPage)} // ini penting!
+          onChange={(newPage) => {
+            load(newPage, 10);
+            window.scrollTo(0, 0);
+          }}
           total={totalPages}
           mt="md"
           mb="md"
         />
       </Center>
-    </Box >
+
+    </Box>
   );
 }
 

src/app/admin/(dashboard)/keamanan/tips-keamanan/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
@@ -30,21 +30,19 @@ function ListTipsKeamanan({ search }: { search: string }) {
   const stateKeamanan = useProxy(tipsKeamananState)
   const router = useRouter();
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = stateKeamanan.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    stateKeamanan.findMany.load()
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = (stateKeamanan.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.judul.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!stateKeamanan.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -69,15 +67,9 @@ function ListTipsKeamanan({ search }: { search: string }) {
           <TableTbody>
             {filteredData.map((item) => (
               <TableTr key={item.id}>
+                <TableTd>{item.judul}</TableTd>
                 <TableTd>
-                  <Box w={150}>
-                    <Text fz={"md"} truncate={"end"} lineClamp={1}>{item.judul}</Text>
-                  </Box>
-                </TableTd>
-                <TableTd>
-                  <Box w={250}>
-                    <Text fz={"md"} truncate={"end"} lineClamp={1} dangerouslySetInnerHTML={{__html: item.deskripsi}} />
-                  </Box>
+                  <Text fz={"xs"} dangerouslySetInnerHTML={{__html: item.deskripsi}} />
                 </TableTd>
                 <TableTd>
                   <Button onClick={() => router.push(`/admin/keamanan/tips-keamanan/${item.id}`)}>
@@ -89,14 +81,6 @@ function ListTipsKeamanan({ search }: { search: string }) {
           </TableTbody>
         </Table>  
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my="md"
-        />
-      </Center>
     </Box>
   );
 }

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

@@ -51,7 +51,7 @@ function DetailFasilitasKesehatan() {
             <GridCol span={12}>
             <Text fz={"xl"} fw={"bold"}>Detail Fasilitas Kesehatan</Text>
             </GridCol>
-            {/* <GridCol span={12}>
+            <GridCol span={12}>
               <Flex gap={"xs"}>
                 <Button color={colors['blue-button']} onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${params?.id}/dokter-tenaga-medis`)}>
                   Tambah Dokter
@@ -60,7 +60,7 @@ function DetailFasilitasKesehatan() {
                   Tambah Layanan
                 </Button>
               </Flex>
-            </GridCol> */}
+            </GridCol>
           </Grid>
           {stateFasilitasKesehatan.findUnique.data ? (
             <Paper bg={colors['BG-trans']} p={'md'}>

src/app/admin/(dashboard)/landing-page/apbdes/page.tsx

@@ -1,10 +1,10 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { ActionIcon, Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
+import { ActionIcon, Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { IconDeviceImacCog, IconFile, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
 import JudulList from '../../_com/judulList';
@@ -30,22 +30,19 @@ function APBDes() {
 function ListAPBDes({ search }: { search: string }) {
   const listState = useProxy(apbdes)
   const router = useRouter();
+  useEffect(() => {
+    listState.findMany.load()
+  }, [])
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = listState.findMany
+  const filteredData = (listState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.jumlah.toLowerCase().includes(keyword)
+    )
+  });
 
-  useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
-
-  const filteredData = data || []
-
-  if (loading || !data) {
+  if (!listState.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -91,7 +88,7 @@ function ListAPBDes({ search }: { search: string }) {
                           rel="noopener noreferrer"
                           variant='transparent'
                         >
-                          <IconFile size={25} color={colors['blue-button']} />
+                          <IconFile size={25} color={colors['blue-button']}/>
                         </ActionIcon>
                       ) : (
                         <Text>Tidak ada dokumen tersedia</Text>
@@ -109,14 +106,6 @@ function ListAPBDes({ search }: { search: string }) {
           </Box>
         </Stack>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my={"md"}
-        />
-      </Center>
     </Box>
   )
 }

src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/kategori-desa-anti-korupsi/page.tsx

@@ -1,10 +1,10 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import JudulList from '../../../_com/judulList';
@@ -50,11 +50,19 @@ function ListKategoriKegiatan({ search }: { search: string }) {
     }
   }
 
-  useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+  useEffect(() => {
+    load(page, 10)
+  }, [page])
 
-  const filteredData = data || []
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    return data.filter(item => {
+      const keyword = search.toLowerCase();
+      return (
+        item.name?.toLowerCase().includes(keyword)
+      );
+    })
+  }, [data, search]);
 
   // Handle loading state
   if (loading || !data) {

src/app/admin/(dashboard)/landing-page/desa-anti-korupsi/list-desa-anti-korupsi/page.tsx

@@ -1,10 +1,10 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import JudulList from '../../../_com/judulList';
@@ -38,11 +38,22 @@ function ListDesaAntiKorupsi({ search }: { search: string }) {
     load,
   } = listState.findMany;
 
-  useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+  useEffect(() => {
+    load(page, 10);
+  }, [page]);
 
-  const filteredData = data || []
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    return data.filter(item => {
+      const keyword = search.toLowerCase();
+      return (
+        item.name?.toLowerCase().includes(keyword) ||
+        item.deskripsi?.toLowerCase().includes(keyword) ||
+        item.kategori?.name?.toLowerCase().includes(keyword)
+      );
+    })
+      .sort((a, b) => b.createdAt - a.createdAt);
+  }, [data, search]);
 
   // Handle loading state
   if (loading || !data) {

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/_lib/layoutTab.tsx

@@ -1,63 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-'use client'
-import colors from '@/con/colors';
-import { Stack, Tabs, TabsList, TabsPanel, TabsTab, Title } from '@mantine/core';
-import { usePathname, useRouter } from 'next/navigation';
-import React, { useEffect, useState } from 'react';
-
-function LayoutTabsKepuasan({ children }: { children: React.ReactNode }) {
-    const router = useRouter()
-    const pathname = usePathname()
-    const tabs = [
-        {
-            label: "Grafik Kepuasan Masyarakat",
-            value: "grafikkepuasannamasyarakat",
-            href: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
-        },
-        {
-            label: "Responden",
-            value: "responden",
-            href: "/admin/landing-page/indeks-kepuasan-masyarakat/responden"
-        },
-        
-    ];
-    const curentTab = tabs.find(tab => tab.href === pathname)
-    const [activeTab, setActiveTab] = useState<string | null>(curentTab?.value || tabs[0].value);
-
-    const handleTabChange = (value: string | null) => {
-        const tab = tabs.find(t => t.value === value)
-        if (tab) {
-            router.push(tab.href)
-        }
-        setActiveTab(value)
-    }
-
-    useEffect(() => {
-        const match = tabs.find(tab => tab.href === pathname)
-        if (match) {
-            setActiveTab(match.value)
-        }
-    }, [pathname])
-
-    return (
-        <Stack>
-            <Title order={3}>Indeks Kepuasan Masyarakat</Title>
-            <Tabs color={colors['blue-button']} variant='pills' value={activeTab} onChange={handleTabChange}>
-                <TabsList p={"xs"} bg={"#BBC8E7FF"}>
-                    {tabs.map((e, i) => (
-                        <TabsTab key={i} value={e.value}>{e.label}</TabsTab>
-                    ))}
-                </TabsList>
-                {tabs.map((e, i) => (
-                    <TabsPanel key={i} value={e.value}>
-                        {/* Konten dummy, bisa diganti tergantung routing */}
-                        <></>
-                    </TabsPanel>
-                ))}
-            </Tabs>
-            {children}
-        </Stack>
-    );
-}
-
-export default LayoutTabsKepuasan;

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat/page.tsx

@@ -1,256 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-'use client';
-import colors from '@/con/colors';
-import { PieChart, BarChart } from '@mantine/charts'; // ✅ Ganti recharts dengan Mantine
-import {
-  Box,
-  Center,
-  Flex,
-  Paper,
-  SimpleGrid,
-  Skeleton,
-  Stack,
-  Text,
-  Title,
-} from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { useState } from 'react';
-import { useProxy } from 'valtio/utils';
-import indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan';
-
-interface ChartDataItem {
-  name: string;
-  value: number;
-  color: string;
-  label?: string;
-}
-
-
-
-function Page() {
-  const state = useProxy(indeksKepuasanState.responden);
-  const { data, loading } = state.findMany;
-  const [donutDataJenisKelamin, setDonutDataJenisKelamin] = useState<ChartDataItem[]>([]);
-  const [donutDataRating, setDonutDataRating] = useState<ChartDataItem[]>([]);
-  const [donutDataKelompokUmur, setDonutDataKelompokUmur] = useState<ChartDataItem[]>([]);
-  const [barChartData, setBarChartData] = useState<Array<{ month: string; count: number }>>([]);
-
-  useShallowEffect(() => {
-    if (!data && !loading) {
-      state.findMany.load();
-      return;
-    }
-    if (data) {
-      // Hitung total berdasarkan jenis kelamin
-      const totalLaki = data.filter((item: any) => item.jenisKelamin?.name?.toLowerCase() === 'laki-laki').length;
-      const totalPerempuan = data.filter((item: any) => item.jenisKelamin?.name?.toLowerCase() === 'perempuan').length;
-
-      // Hitung total berdasarkan rating
-      const totalSangatBaik = data.filter((item: any) => item.rating?.name?.toLowerCase() === 'sangat baik').length;
-      const totalBaik = data.filter((item: any) => item.rating?.name?.toLowerCase() === 'baik').length;
-      const totalKurangBaik = data.filter((item: any) => item.rating?.name?.toLowerCase() === 'kurang baik').length;
-      const totalSangatKurangBaik = data.filter((item: any) => item.rating?.name?.toLowerCase() === 'sangat kurang baik').length;
-
-      // Hitung total berdasarkan kelompok umur
-      const totalMuda = data.filter((item: any) => item.kelompokUmur?.name?.toLowerCase() === 'muda').length;
-      const totalDewasa = data.filter((item: any) => item.kelompokUmur?.name?.toLowerCase() === 'dewasa').length;
-      const totalLansia = data.filter((item: any) => item.kelompokUmur?.name?.toLowerCase() === 'lansia').length;
-
-      // Update gender chart data
-      setDonutDataJenisKelamin([
-        { name: 'Laki-laki', value: totalLaki, color: colors['blue-button'] },
-        { name: 'Perempuan', value: totalPerempuan, color: '#10A85AFF' },
-      ]);
-
-      // Update rating chart data
-      setDonutDataRating([
-        { name: 'Sangat Baik', value: totalSangatBaik, color: colors['blue-button'] },
-        { name: 'Baik', value: totalBaik, color: '#10A85AFF' },
-        { name: 'Kurang Baik', value: totalKurangBaik, color: '#FFA500' },
-        { name: 'Sangat Kurang Baik', value: totalSangatKurangBaik, color: '#FF4500' },
-      ]);
-
-      // Update age group chart data
-      setDonutDataKelompokUmur([
-        { name: 'Muda', value: totalMuda, color: colors['blue-button'] },
-        { name: 'Dewasa', value: totalDewasa, color: '#10A85AFF' },
-        { name: 'Lansia', value: totalLansia, color: '#FFA500' },
-      ]);
-
-      // Process data for bar chart (group by month)
-      const monthYearMap = new Map<string, number>();
-
-      data.forEach((item: any) => {
-        // Try both createdAt and tanggal fields
-        const dateValue = item.tanggal || item.createdAt;
-        if (!dateValue) return;
-
-        const parsedDate = new Date(dateValue);
-        if (isNaN(parsedDate.getTime())) return;
-
-        const month = parsedDate.getMonth() + 1;
-        const year = parsedDate.getFullYear();
-        const monthYearKey = `${year}-${String(month).padStart(2, '0')}`;
-
-        monthYearMap.set(monthYearKey, (monthYearMap.get(monthYearKey) || 0) + 1);
-      });
-
-      // Convert map to array and sort by date
-      const barData = Array.from(monthYearMap.entries())
-        .map(([key, count]) => {
-          const [year, month] = key.split('-');
-          const monthName = new Date(Number(year), Number(month) - 1, 1)
-            .toLocaleString('id-ID', { month: 'long' });
-          return {
-            month: `${monthName} ${year}`,
-            count,
-            sortKey: parseInt(`${year}${String(month).padStart(2, '0')}`, 10)
-          };
-        })
-        .sort((a, b) => a.sortKey - b.sortKey)
-        .map(({ month, count }) => ({ month, count }));
-
-      setBarChartData(barData);
-    }
-  }, [data]);
-
-  if (loading || !data) {
-    return (
-      <Stack py={10}>
-        <Skeleton height={730} />
-      </Stack>
-    );
-  }
-
-  if (data.length === 0) {
-    return (
-      <Stack py={10}>
-        <Text c="dimmed" ta="center" my="md">
-          Belum ada data untuk ditampilkan
-        </Text>
-      </Stack>
-    );
-  }
-
-  return (
-    <Stack gap="xs">
-      {/* Bar Chart - Data per Tanggal */}
-      <Paper bg={colors['white-1']} p="md" radius="md" mb="md">
-        <Title order={4} mb="md" ta="center">Jumlah Responden per Bulan</Title>
-        <Box h={300}>
-          <BarChart
-            h={300}
-            data={barChartData}
-            dataKey="month"
-            series={[{ name: 'count', color: colors['blue-button'] }]}
-            tickLine="y"
-            xAxisLabel="Bulan"
-            yAxisLabel="Jumlah Responden"
-            withTooltip
-            tooltipAnimationDuration={200}
-          />
-        </Box>
-      </Paper>
-
-      <SimpleGrid cols={{ base: 1, md: 3 }}>
-        {/* Chart Jenis Kelamin */}
-        <Paper bg={colors['white-1']} p="md" radius="md">
-          <Stack>
-            <Title order={4}>Jenis Kelamin</Title>
-            {donutDataJenisKelamin.every(item => item.value === 0) ? (
-              <Text c="dimmed" ta="center" my="md">
-                Belum ada data untuk ditampilkan dalam grafik
-              </Text>
-            ) : (
-              <Box>
-                <Center>
-                  <PieChart
-                    withLabels
-                    withTooltip
-                    labelsType="percent"
-                    size={250}
-                    data={donutDataJenisKelamin}
-                  />
-                </Center>
-                <Stack gap="sm" mt="md">
-                  {donutDataJenisKelamin.map((entry) => (
-                    <Flex key={entry.name} gap="md" align="center">
-                      <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                      <Text size="sm">{entry.name}: {entry.value}</Text>
-                    </Flex>
-                  ))}
-                </Stack>
-              </Box>
-            )}
-          </Stack>
-        </Paper>
-
-        {/* Chart Rating */}
-        <Paper bg={colors['white-1']} p="md" radius="md">
-          <Stack>
-            <Title order={4}>Pilihan</Title>
-            {donutDataRating.every(item => item.value === 0) ? (
-              <Text c="dimmed" ta="center" my="md">
-                Belum ada data untuk ditampilkan dalam grafik
-              </Text>
-            ) : (
-              <Box>
-                <Center>
-                  <PieChart
-                    withLabels
-                    withTooltip
-                    labelsType="percent"
-                    size={250}
-                    data={donutDataRating}
-                  />
-                </Center>
-                <Stack gap="sm" mt="md">
-                  {donutDataRating.map((entry) => (
-                    <Flex key={entry.name} gap="md" align="center">
-                      <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                      <Text size="sm">{entry.name}: {entry.value}</Text>
-                    </Flex>
-                  ))}
-                </Stack>
-              </Box>
-            )}
-          </Stack>
-        </Paper>
-
-        {/* Chart Kelompok Umur */}
-        <Paper bg={colors['white-1']} p="md" radius="md">
-          <Stack>
-            <Title order={4}>Umur</Title>
-            {donutDataKelompokUmur.every(item => item.value === 0) ? (
-              <Text c="dimmed" ta="center" my="md">
-                Belum ada data untuk ditampilkan dalam grafik
-              </Text>
-            ) : (
-              <Box>
-                <Center>
-                  <PieChart
-                    withLabels
-                    withTooltip
-                    labelsType="percent"
-                    size={250}
-                    data={donutDataKelompokUmur}
-                  />
-                </Center>
-                <Stack gap="sm" mt="md">
-                  {donutDataKelompokUmur.map((entry) => (
-                    <Flex key={entry.name} gap="md" align="center">
-                      <Box bg={entry.color} w={20} h={20} style={{ flexShrink: 0 }} />
-                      <Text size="sm">{entry.name}: {entry.value}</Text>
-                    </Flex>
-                  ))}
-                </Stack>
-              </Box>
-            )}
-          </Stack>
-        </Paper>
-      </SimpleGrid>
-    </Stack>
-  );
-}
-
-export default Page;

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/layout.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import LayoutTabsKepuasan from './_lib/layoutTab';
-
-function Layout({ children }: { children: React.ReactNode }) {
-  return (
-    <LayoutTabsKepuasan>
-      {children}
-    </LayoutTabsKepuasan>
-  );
-}
-
-export default Layout;

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/edit/page.tsx

@@ -1,190 +0,0 @@
-'use client'
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect, useState } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import { useProxy } from 'valtio/utils';
-import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Title, TextInput, Text, Select } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
-import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
-import { toast } from 'react-toastify';
-
-interface FormResponden {
-  name: string;
-  tanggal: string;
-  jenisKelaminId: string;
-  ratingId: string;
-  kelompokUmurId: string;
-}
-
-function EditResponden() {
-  const router = useRouter()
-  const params = useParams() as { id: string }
-  const state = useProxy(indeksKepuasanState.responden)
-  const id = params.id
-  const [formData, setFormData] = useState<FormResponden>({
-    name: '',
-    tanggal: '',
-    jenisKelaminId: '',
-    ratingId: '',
-    kelompokUmurId: '',
-  })
-  useEffect(() => {
-    indeksKepuasanState.jenisKelaminResponden.findMany.load();
-    indeksKepuasanState.pilihanRatingResponden.findMany.load();
-    indeksKepuasanState.kelompokUmurResponden.findMany.load();
-
-    const loadResponden = async () => {
-      const id = params?.id as string;
-      if (!id) return;
-
-      try {
-        const data = await state.update.load(id);
-        if (data) {
-          state.update.id = id;
-
-          state.update.form = {
-            name: data.name,
-            tanggal: data.tanggal,
-            jenisKelaminId: data.jenisKelaminId,
-            ratingId: data.ratingId,
-            kelompokUmurId: data.kelompokUmurId,
-          };
-
-          setFormData({
-            name: data.name,
-            tanggal: data.tanggal,
-            jenisKelaminId: data.jenisKelaminId,
-            ratingId: data.ratingId,
-            kelompokUmurId: data.kelompokUmurId,
-          });
-
-
-        }
-      } catch (error) {
-        console.error("Error loading program penghijauan:", error);
-        toast.error("Gagal memuat data program penghijauan");
-      }
-    }
-
-    loadResponden();
-  }, [params?.id]);
-
-  const handleSubmit = async () => {
-    state.update.id = id;
-    state.update.form = { ...formData }; // <-- sinkronisasi manual
-    await state.update.submit();
-    router.push('/admin/ppid/ikm-desa-darmasaba/responden')
-  }
-
-  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 Responden</Title>
-          <TextInput
-            label="Nama"
-            type='text'
-            placeholder="masukkan nama"
-            value={formData.name}
-            onChange={(val) => {
-              setFormData({
-                ...formData,
-                name: val.currentTarget.value
-              })
-            }}
-          />
-          <TextInput
-            label="Tanggal"
-            type="date"
-            placeholder='Pilih tanggal'
-            value={formData.tanggal ? new Date(formData.tanggal).toISOString().split('T')[0] : ''}
-            onChange={(e) => {
-              const selectedDate = e.currentTarget.value;
-              setFormData({
-                ...formData,
-                tanggal: selectedDate,
-              });
-            }}
-          />
-          <Select
-            key={"jenisKelamin"}
-            label={<Text fw="bold" fz="sm">Jenis Kelamin</Text>}
-            placeholder="Pilih jenis kelamin"
-            value={formData.jenisKelaminId}
-            onChange={(val) => setFormData({ ...formData, jenisKelaminId: val || "" })}
-            data={
-              (indeksKepuasanState.jenisKelaminResponden.findMany.data || [])
-                .filter(Boolean) // Hapus null/undefined
-                .map((v) => ({
-                  value: v.id || '',
-                  label: typeof v.name === 'string' ? v.name : 'Tanpa Nama'
-                }))
-            }
-            disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading} // ✅ disable saat loading
-            clearable
-            searchable
-            required
-            error={!formData.jenisKelaminId ? "Pilih jenis kelamin" : undefined}
-          />
-          <Select
-            key={"rating"}
-            value={formData.ratingId}
-            onChange={(val) => setFormData({ ...formData, ratingId: val || "" })}
-            label={<Text fw={"bold"} fz={"sm"}>Rating</Text>}
-            placeholder='Pilih rating'
-            data={
-              (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-                .filter(Boolean)
-                .map((v) => ({
-                  value: v.id || '',
-                  label: typeof v.name === 'string' ? v.name : 'Tanpa Nama'
-                }))
-            }
-            disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
-            clearable
-            searchable
-            required
-            error={!formData.ratingId ? "Pilih rating" : undefined}
-          />
-
-          <Select
-            key={"kelompokUmur"}
-            value={formData.kelompokUmurId}
-            onChange={(val) => setFormData({ ...formData, kelompokUmurId: val || "" })}
-            label={<Text fw={"bold"} fz={"sm"}>Kelompok Umur</Text>}
-            placeholder='Pilih kelompok umur'
-            data={
-              (indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
-                .filter(Boolean)
-                .map((v) => ({
-                  value: v.id || '',
-                  label: typeof v.name === 'string' ? v.name : 'Tanpa Nama'
-                }))
-            }
-            disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
-            clearable
-            searchable
-            required
-            error={!formData.kelompokUmurId ? "Pilih kelompok umur" : undefined}
-          />
-
-          <Button
-            mt={10}
-            bg={colors['blue-button']}
-            onClick={handleSubmit}
-          >
-            Submit
-          </Button>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default EditResponden;

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/[id]/page.tsx

@@ -1,116 +0,0 @@
-'use client'
-
-import { ModalKonfirmasiHapus } from "@/app/admin/(dashboard)/_com/modalKonfirmasiHapus"
-import indeksKepuasanState from "@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan"
-import colors from "@/con/colors"
-import { Box, Button, Flex, Paper, Skeleton, Stack, Text } from "@mantine/core"
-import { useShallowEffect } from "@mantine/hooks"
-import { IconArrowBack, IconEdit, IconX } from "@tabler/icons-react"
-import { useRouter, useParams } from "next/navigation"
-import { useState } from "react"
-import { useProxy } from "valtio/utils"
-
-export default function DetailResponden() {
-  const [modalHapus, setModalHapus] = useState(false)
-  const stateDetail = useProxy(indeksKepuasanState.responden)
-  const router = useRouter()
-  const params = useParams()
-  const [selectedId, setSelectedId] = useState<string | null>(null)
-
-  useShallowEffect(() => {
-    stateDetail.findUnique.load(params?.id as string)
-  }, [params?.id])
-
-  const handleHapus = () => {
-    if (selectedId) {
-      stateDetail.delete.byId(selectedId)
-      setModalHapus(false)
-      setSelectedId(null)
-      router.push("/admin/ppid/ikm-desa-darmasaba/responden")
-    }
-  }
-
-  if (!stateDetail.findUnique.data) {
-    return (
-      <Stack>
-        <Skeleton h={500} />
-      </Stack>
-    )
-  }
-  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 Responden</Text>
-
-          <Paper bg={colors['BG-trans']} p={'md'}>
-            <Stack gap={"xs"}>
-              <Box>
-                <Text fz={"lg"} fw={"bold"}>Nama Responden</Text>
-                <Text fz={"lg"}>{stateDetail.findUnique.data?.name}</Text>
-              </Box>
-              <Box>
-                <Text fz={"lg"} fw={"bold"}>Tanggal</Text>
-                <Text fz={"lg"}>{
-                  stateDetail.findUnique.data?.tanggal
-                    ? new Date(stateDetail.findUnique.data.tanggal).toLocaleDateString('id-ID')
-                    : '-'
-                }</Text>
-              </Box>
-              <Box>
-                <Text fz={"lg"} fw={"bold"}>Jenis Kelamin</Text>
-                <Text fz={"lg"}>{stateDetail.findUnique.data?.jenisKelamin?.name}</Text>
-              </Box>
-              <Box>
-                <Text fz={"lg"} fw={"bold"}>Rating</Text>
-                <Text fz={"lg"}>{stateDetail.findUnique.data?.rating?.name}</Text>
-              </Box>
-              <Box>
-                <Text fz={"lg"} fw={"bold"}>Kelompok Umur</Text>
-                <Text fz={"lg"}>{stateDetail.findUnique.data?.kelompokUmur?.name}</Text>
-              </Box>
-              <Flex gap={"xs"} mt={10}>
-                <Button
-                  onClick={() => {
-                    if (stateDetail.findUnique.data) {
-                      setSelectedId(stateDetail.findUnique.data.id);
-                      setModalHapus(true);
-                    }
-                  }}
-                  disabled={stateDetail.delete.loading || !stateDetail.findUnique.data}
-                  color={"red"}
-                >
-                  <IconX size={20} />
-                </Button>
-                <Button
-                  onClick={() => {
-                    if (stateDetail.findUnique.data) {
-                      router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${stateDetail.findUnique.data.id}/edit`);
-                    }
-                  }}
-                  disabled={!stateDetail.findUnique.data}
-                  color={"green"}
-                >
-                  <IconEdit size={20} />
-                </Button>
-              </Flex>
-            </Stack>
-          </Paper>
-        </Stack>
-      </Paper>
-
-      {/* Modal Hapus */}
-      <ModalKonfirmasiHapus
-        opened={modalHapus}
-        onClose={() => setModalHapus(false)}
-        onConfirm={handleHapus}
-        text="Apakah anda yakin ingin menghapus responden ini?"
-      />
-    </Box>
-  )
-}

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/create/page.tsx

@@ -1,148 +0,0 @@
-'use client'
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { useRouter } from 'next/navigation';
-import grafikBerdasarkanJenisKelamin from '@/app/admin/(dashboard)/_state/ppid/indeks_kepuasan_masyarakat/grafikBerdasarkanJenisKelamin';
-import { useProxy } from 'valtio/utils';
-import { useState } from 'react';
-import colors from '@/con/colors';
-import { Box, Button, Paper, Stack, Title, TextInput, Select, Text } from '@mantine/core';
-import { IconArrowBack } from '@tabler/icons-react';
-import indeksKepuasanState from '@/app/admin/(dashboard)/_state/landing-page/indeks-kepuasan';
-import { useShallowEffect } from '@mantine/hooks';
-
-function RespondenCreate() {
-  const router = useRouter();
-  const stategrafikBerdasarkanResponden = useProxy(indeksKepuasanState.responden)
-  const [donutData, setDonutData] = useState<any[]>([]);
-
-  const resetForm = () => {
-    stategrafikBerdasarkanResponden.create.form = {
-      ...stategrafikBerdasarkanResponden.create.form,
-      name: "",
-      tanggal: "",
-      jenisKelaminId: "",
-      ratingId: "",
-      kelompokUmurId: "",
-    }
-  }
-
-  useShallowEffect(() => {
-    indeksKepuasanState.jenisKelaminResponden.findMany.load()
-    indeksKepuasanState.pilihanRatingResponden.findMany.load()
-    indeksKepuasanState.kelompokUmurResponden.findMany.load()
-  })
-
-  const handleSubmit = async () => {
-    try {
-      const id = await stategrafikBerdasarkanResponden.create.create();
-      if (typeof id !== 'undefined') {
-        const idStr = String(id);
-        await stategrafikBerdasarkanResponden.findUnique.load(idStr);
-        if (stategrafikBerdasarkanResponden.findUnique.data) {
-          setDonutData([stategrafikBerdasarkanResponden.findUnique.data]);
-        }
-      }
-      resetForm();
-      router.push("/admin/ppid/ikm-desa-darmasaba/responden");
-    } catch (error) {
-      console.error('Error submitting form:', error);
-    }
-  }
-  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}>Grafik Hasil Kepuasan Masyarakat Terhadap Pelayanan Publik</Title>
-          <TextInput
-            label="Nama"
-            type='text'
-            placeholder="masukkan nama"
-            value={stategrafikBerdasarkanResponden.create.form.name}
-            onChange={(val) => {
-              stategrafikBerdasarkanResponden.create.form.name = val.currentTarget.value;
-            }}
-          />
-          <TextInput
-            label="Tanggal"
-            type="date"
-            placeholder="masukkan tanggal"
-            value={stategrafikBerdasarkanResponden.create.form.tanggal}
-            onChange={(val) => {
-              stategrafikBerdasarkanResponden.create.form.tanggal = val.currentTarget.value;
-            }}
-          />
-          <Select
-            key={"jenisKelamin"}
-            label={"Jenis Kelamin"}
-            placeholder={indeksKepuasanState.jenisKelaminResponden.findMany.loading ? 'Memuat...' : 'Pilih jenis kelamin'}
-            value={stategrafikBerdasarkanResponden.create.form.jenisKelaminId || ""}
-            onChange={(val) => {
-              stategrafikBerdasarkanResponden.create.form.jenisKelaminId = val ?? "";
-            }}
-            data={
-              (indeksKepuasanState.jenisKelaminResponden.findMany.data || [])
-                .filter(Boolean) // Hapus null, undefined, dll
-                .map((item) => ({
-                  value: item.id,
-                  label: item.name || 'Tanpa Nama',
-                }))
-            }
-            disabled={indeksKepuasanState.jenisKelaminResponden.findMany.loading}
-          />
-            <Select
-            key={"rating_responden"}
-              label={"Rating"}
-              placeholder={indeksKepuasanState.pilihanRatingResponden.findMany.loading ? 'Memuat...' : 'Pilih rating'}
-              value={stategrafikBerdasarkanResponden.create.form.ratingId || ""}
-              onChange={(val) => {
-                stategrafikBerdasarkanResponden.create.form.ratingId = val ?? "";
-              }}
-              data={
-                (indeksKepuasanState.pilihanRatingResponden.findMany.data || [])
-                  .filter(Boolean) // Hapus null, undefined, dll
-                  .map((item) => ({
-                    value: item.id,
-                    label: item.name || 'Tanpa Nama',
-                  }))
-              }
-              disabled={indeksKepuasanState.pilihanRatingResponden.findMany.loading}
-            />
-          <Select
-            key={"kelompokUmur"}
-            label={"Kelompok Umur"}
-            placeholder={indeksKepuasanState.kelompokUmurResponden.findMany.loading ? 'Memuat...' : 'Pilih kelompok umur'}
-            value={stategrafikBerdasarkanResponden.create.form.kelompokUmurId || ""}
-            onChange={(val) => {
-              stategrafikBerdasarkanResponden.create.form.kelompokUmurId = val ?? "";
-            }}
-            data={
-              (indeksKepuasanState.kelompokUmurResponden.findMany.data || [])
-                .filter(Boolean) // Hapus null, undefined, dll
-                .map((item) => ({
-                  value: item.id,
-                  label: item.name || 'Tanpa Nama',
-                }))
-            }
-            disabled={indeksKepuasanState.kelompokUmurResponden.findMany.loading}
-          />
-          <Button
-            mt={10}
-            bg={colors['blue-button']}
-            onClick={handleSubmit}
-          >
-            Submit
-          </Button>
-        </Stack>
-      </Paper>
-    </Box>
-  );
-}
-
-export default RespondenCreate;

src/app/admin/(dashboard)/landing-page/indeks-kepuasan-masyarakat/responden/page.tsx

@@ -1,144 +0,0 @@
-'use client';
-import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
-import { IconDeviceImac, 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 indeksKepuasanState from '../../../_state/landing-page/indeks-kepuasan';
-
-function Responden() {
-  const [search, setSearch] = useState("");
-  return (
-    <Box>
-      <HeaderSearch
-        title='Responden'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-        value={search}
-        onChange={(e) => setSearch(e.currentTarget.value)}
-      />
-      <ListResponden search={search} />
-    </Box>
-  );
-}
-
-interface ListRespondenProps {
-  search: string;
-}
-
-function ListResponden({ search }: ListRespondenProps) {
-  const state = useProxy(indeksKepuasanState.responden);
-  const router = useRouter();
-  const { data, page, totalPages, loading, load } = state.findMany;
-
-
-  useShallowEffect(() => {
-    load(page, 10)
-  }, [page]);
-
-
-  const filteredData = (data || []).filter(item => {
-    const keyword = search.toLowerCase();
-    return (
-      item.name.toLowerCase().includes(keyword)
-    );
-  });
-
-  if (loading || !data) {
-    return (
-      <Stack py={10}>
-        <Skeleton height={730} />
-      </Stack>
-    );
-  }
-  if (data.length === 0) {
-    return (
-      <Box py={10}>
-        <Paper p="md">
-          <Stack>
-            <Title>Responden</Title>
-            <Table striped withTableBorder withRowBorders>
-              <TableThead>
-                <TableTr>
-                  <TableTh>No</TableTh>
-                  <TableTh>Nama</TableTh>
-                  <TableTh>Tanggal</TableTh>
-                  <TableTh>Jenis Kelamin</TableTh>
-                  <TableTh>Detail</TableTh>
-                </TableTr>
-              </TableThead>
-            </Table>
-            <Text ta="center">Tidak ada data berdasarkan jenis kelamin responden yang tersedia</Text>
-          </Stack>
-        </Paper>
-      </Box >
-    );
-  }
-
-  return (
-    <Box>
-      <Stack gap="xs">
-        <Paper bg={colors['white-1']} p="md" h={{ base: 730, md: 650 }}>
-          <Title mb={10} order={3}>List Responden</Title>
-          <Table striped withTableBorder withRowBorders>
-            <TableThead>
-              <TableTr>
-                <TableTh style={{ width: '5%', textAlign: 'center' }}>No</TableTh>
-                <TableTh style={{ width: '20%', textAlign: 'center' }}>Nama</TableTh>
-                <TableTh style={{ width: '20%', textAlign: 'center' }}>Tanggal</TableTh>
-                <TableTh style={{ width: '20%', textAlign: 'center' }}>Jenis Kelamin</TableTh>
-                <TableTh style={{ width: '15%', textAlign: 'center' }}>Detail</TableTh>
-              </TableTr>
-            </TableThead>
-            <TableTbody>
-              {filteredData.length === 0 ? (
-                <TableTr>
-                  <TableTd colSpan={6}>
-                    <Text ta='center' c='dimmed'>Belum ada data responden</Text>
-                  </TableTd>
-                </TableTr>
-              ) : (
-                filteredData.map((item, index) => (
-                  <TableTr key={item.id}>
-                    <TableTd style={{ width: '5%', textAlign: 'center' }}>{index + 1}</TableTd>
-                    <TableTd style={{ width: '20%', textAlign: 'center' }}>{item.name}</TableTd>
-                    <TableTd style={{ width: '20%', textAlign: 'center' }}>{item.tanggal
-                      ? new Date(item.tanggal).toLocaleDateString('id-ID')
-                      : '-'}</TableTd>
-                    <TableTd style={{ width: '20%', textAlign: 'center' }}>{item.jenisKelamin.name}</TableTd>
-                    <TableTd style={{ width: '15%', textAlign: 'center' }}>
-                      <Button color='green' onClick={() => router.push(`/admin/ppid/ikm-desa-darmasaba/responden/${item.id}`)}>
-                        <IconDeviceImac size={20} />
-                      </Button>
-                    </TableTd>
-                  </TableTr>
-                ))
-              )}
-            </TableTbody>
-          </Table>
-        </Paper>
-        <Center>
-          <Pagination
-            value={page}
-            onChange={(newPage) => {
-              load(newPage, 10);
-              window.scrollTo(0, 0);
-            }}
-            total={totalPages}
-            mt="md"
-            mb="md"
-          />
-        </Center>
-
-       
-      </Stack>
-    </Box>
-  );
-}
-
-export default Responden;
-
-

src/app/admin/(dashboard)/landing-page/prestasi-desa/kategori-prestasi-desa/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
 import { useShallowEffect } from '@mantine/hooks';
 import { IconEdit, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
@@ -42,21 +42,18 @@ function ListKategoriPrestasi({ search }: { search: string }) {
     }
   }
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = stateKategori.findMany
-
   useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    stateKategori.findMany.load()
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = (stateKategori.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword)
+    );
+  });
 
-  if (loading || !data) {
+  if (!stateKategori.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -103,14 +100,6 @@ function ListKategoriPrestasi({ search }: { search: string }) {
           </Table>
         </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my={"md"}
-        />
-      </Center>
       {/* Modal Konfirmasi Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}

src/app/admin/(dashboard)/landing-page/prestasi-desa/list-prestasi-desa/page.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -30,36 +30,20 @@ function ListPrestasiDesa() {
 function ListPrestasi({ search }: { search: string }) {
   const listState = useProxy(prestasiState.prestasiDesa)
   const router = useRouter();
+  useEffect(() => {
+    listState.findMany.load()
+  }, [])
 
-  const{
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = listState.findMany
-
-  // Debug log
-  console.log('ListPrestasi state:', {
-    loading,
-    data: data?.length,
-    page,
-    totalPages,
-    search
+  const filteredData = (listState.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword) || 
+      item.kategori?.name?.toLowerCase().includes(keyword)
+    );
   });
 
-  useEffect(() => {
-    console.log('Loading data...', { page, search });
-    load(page, 10, search).then(() => {
-      console.log('Data loaded:', listState.findMany.data);
-    }).catch(error => {
-      console.error('Error loading data:', error);
-    });
-  }, [page, search])
-
-  const filteredData = data || []
-
-  if (loading || !data) {
+  if (!listState.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -98,7 +82,7 @@ function ListPrestasi({ search }: { search: string }) {
                         <Text truncate="end" fz={"sm"} dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
                       </Box>
                     </TableTd>
-                    <TableTd>{item.kategori?.name || 'No Category'}</TableTd>
+                    <TableTd>{item.kategori?.name}</TableTd>
                     <TableTd>
                       <Button onClick={() => router.push(`/admin/landing-page/prestasi-desa/list-prestasi-desa/${item.id}`)}>
                         <IconDeviceImacCog size={25} />
@@ -111,14 +95,6 @@ function ListPrestasi({ search }: { search: string }) {
           </Box>
         </Stack>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my={"md"}
-        />
-      </Center>
     </Box>
   )
 }

src/app/admin/(dashboard)/landing-page/profile/media-sosial/page.tsx

@@ -1,10 +1,10 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Image, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import JudulList from '../../../_com/judulList';
@@ -38,11 +38,20 @@ function ListMediaSosial({ search }: { search: string }) {
     load,
   } = stateMediaSosial.findMany;
 
-  useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+  useEffect(() => {
+    load(page, 10)
+  }, [page])
 
-  const filteredData = data || []
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    return data.filter(item => {
+      const keyword = search.toLowerCase();
+      return (
+        item.name?.toLowerCase().includes(keyword) ||
+        item.iconUrl?.toLowerCase().includes(keyword)
+      );
+    })
+  }, [data, search]);
 
   // Handle loading state
   if (loading || !data) {

src/app/admin/(dashboard)/landing-page/profile/program-inovasi/[id]/page.tsx

@@ -55,10 +55,7 @@ function DetailProgramInovasi() {
               </Box>
               <Box>
                 <Text fz={"lg"} fw={"bold"}>Deskripsi</Text>
-                <Text
-                  fz={"lg"}
-                  
-                >{stateProgramInovasi.findUnique.data?.description}</Text>
+                <Text fz={"lg"}>{stateProgramInovasi.findUnique.data?.description}</Text>
               </Box>
               <Box>
                 <Text fz={"lg"} fw={"bold"}>Link</Text>
@@ -66,12 +63,6 @@ function DetailProgramInovasi() {
                   href={stateProgramInovasi.findUnique.data?.link || "#"}
                   target="_blank"
                   rel="noopener noreferrer"
-                  style={{ 
-                    wordWrap: 'break-word',
-                    whiteSpace: 'pre-wrap',
-                    overflowWrap: 'break-word',
-                    width: '100%'
-                  }}
                 >
                   {stateProgramInovasi.findUnique.data?.link || "Tidak ada link"}
                 </a>

src/app/admin/(dashboard)/landing-page/profile/program-inovasi/page.tsx

@@ -1,10 +1,10 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import JudulList from '../../../_com/judulList';
@@ -38,11 +38,21 @@ function ListProgramInovasi({ search }: { search: string }) {
     load,
   } = stateProgramInovasi.findMany;
 
-  useShallowEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+  useEffect(() => {
+    load(page, 10);
+  }, [page]);
 
-  const filteredData = data || []
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    return data.filter(item => {
+      const keyword = search.toLowerCase();
+      return (
+        item.name?.toLowerCase().includes(keyword) ||
+        item.description?.toLowerCase().includes(keyword) ||
+        item.link?.toLowerCase().includes(keyword)
+      );
+    })
+  }, [data, search]);
 
   if (loading || !data) {
     return (

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

@@ -1,14 +1,14 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
-import { useShallowEffect } from '@mantine/hooks';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../_com/header';
-import JudulList from '../../_com/judulList';
 import sdgsDesa from '../../_state/landing-page/sdgs-desa';
+import JudulList from '../../_com/judulList';
 
 
 function SdgsDesa() {
@@ -39,11 +39,20 @@ function ListSdgsDesa({ search }: { search: string }) {
     load,
   } = listState.findMany;
 
-  useShallowEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+  useEffect(() => {
+    load(page, 10)
+  }, [])
 
-  const filteredData = data || []
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    return data.filter(item => {
+      const keyword = search.toLowerCase();
+      return (
+        item.name?.toLowerCase().includes(keyword) ||
+        item.jumlah?.toLowerCase().includes(keyword)
+      );
+    })
+  }, [data, search]);
 
   // Handle loading state
   if (loading || !data) {

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

@@ -42,10 +42,18 @@ function ListDataLingkunganDesa({ search }: { search: string }) {
   const router = useRouter();
 
   useEffect(() => {
-    load(page, 10, search)
-  }, [page, search])
+    load(page, 10)
+  }, [page])
 
-  const filteredData = data || []
+  const filteredData = (data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.name.toLowerCase().includes(keyword) ||
+      item.deskripsi.toLowerCase().includes(keyword) ||
+      item.jumlah.toLowerCase().includes(keyword) ||
+      item.icon.toLowerCase().includes(keyword)
+    );
+  });
 
   const iconMap: Record<string, React.FC<any>> = {
     ekowisata: IconLeaf,

src/app/admin/(dashboard)/lingkungan/program-penghijauan/page.tsx

@@ -126,9 +126,7 @@ function ListProgramPenghijauan({ search }: { search: string }) {
                 <TableTr key={item.id}>
                   <TableTd style={{ width: '5%', textAlign: 'center' }}>{index + 1}</TableTd>
                   <TableTd style={{ width: '20%', wordWrap: 'break-word' }}>{item.name}</TableTd>
-                  <TableTd style={{ width: '35%', wordWrap: 'break-word' }}>
-                    <Text lineClamp={1} fz={"sm"} dangerouslySetInnerHTML={{ __html: item.judul }}/>
-                  </TableTd>
+                  <TableTd style={{ width: '35%', wordWrap: 'break-word' }} dangerouslySetInnerHTML={{ __html: item.judul }}></TableTd>
                   <TableTd style={{ width: '10%' }}>
                     {iconMap[item.icon] && (
                       <Box title={item.icon}>

src/app/admin/(dashboard)/ppid/daftar-informasi-publik-desa-darmasaba/page.tsx

@@ -105,12 +105,10 @@ function ListDaftarInformasi({ search }: { search: string }) {
               <TableTbody>
                 {filteredData.map((item, index) => (
                   <TableTr key={item.id}>
-                    <TableTd style={{ textAlign: 'center' }}>
-                      <Text mt={10} fz={"md"}>{index + 1}</Text>
-                    </TableTd>
+                    <TableTd style={{ textAlign: 'center' }}>{index + 1}</TableTd>
                     <TableTd style={{ wordWrap: 'break-word' }}>
                       <Box w={200}>
-                        <Text mt={10} fz={"md"} truncate={"end"} lineClamp={1}>{item.jenisInformasi}</Text>
+                        <Text fz={"md"} truncate={"end"} lineClamp={1}>{item.jenisInformasi}</Text>
                       </Box>
                     </TableTd>
                     <TableTd style={{ wordWrap: 'break-word' }}>

src/app/admin/(dashboard)/ppid/struktur-ppid/pegawai/page.tsx

@@ -4,7 +4,7 @@ import colors from '@/con/colors';
 import { Badge, Box, Button, Center, Group, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, ThemeIcon } from '@mantine/core';
 import { IconCheck, IconDeviceImacCog, IconSearch, IconX } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { useProxy } from 'valtio/utils';
 import HeaderSearch from '../../../_com/header';
 import JudulList from '../../../_com/judulList';
@@ -39,10 +39,22 @@ function ListPegawaiPPID({ search }: { search: string }) {
   } = stateOrganisasi.findMany;
 
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    load(page, 10);
+  }, [page]);
 
-  const filteredData = data || []
+  const filteredData = useMemo(() => {
+    if (!data) return [];
+    return data.filter(item => {
+      const keyword = search.toLowerCase();
+      return (
+        item.namaLengkap?.toLowerCase().includes(keyword) ||
+        item.gelarAkademik?.toLowerCase().includes(keyword) ||
+        item.telepon?.toLowerCase().includes(keyword) ||
+        item.posisi?.nama?.toLowerCase().includes(keyword)
+      );
+    })
+    .sort((a, b) => a.posisi?.hierarki - b.posisi?.hierarki); 
+  }, [data, search]); 
 
   // Handle loading state
   if (loading || !data) {

src/app/admin/(dashboard)/ppid/struktur-ppid/posisi-organisasi/page.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 'use client'
 import colors from '@/con/colors';
-import { Box, Button, Center, Pagination, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { IconEdit, IconSearch, IconTrash } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
@@ -33,17 +33,9 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
   const [modalHapus, setModalHapus] = useState(false)
   const [selectedId, setSelectedId] = useState<string | null>(null)
 
-  const {
-    data,
-    page,
-    totalPages,
-    loading,
-    load,
-  } = stateOrganisasi.findMany;
-
   useEffect(() => {
-    load(page, 10, search);
-  }, [page, search]);
+    stateOrganisasi.findMany.load()
+  }, [])
 
   const handleHapus = async () => {
     if (selectedId) {
@@ -53,9 +45,17 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
     }
   }
 
-  const filteredData = data || []
+  const filteredData = (stateOrganisasi.findMany.data || []).filter(item => {
+    const keyword = search.toLowerCase();
+    return (
+      item.nama?.toLowerCase().includes(keyword) ||
+      item.deskripsi?.toLowerCase().includes(keyword) ||
+      item.hierarki?.toString().toLowerCase().includes(keyword)
+    );
+  })
+  .sort((a, b) => a.hierarki - b.hierarki); 
 
-  if (loading || !data) {
+  if (!stateOrganisasi.findMany.data) {
     return (
       <Stack py={10}>
         <Skeleton h={500} />
@@ -120,14 +120,6 @@ function ListPosisiOrganisasiPPID({ search }: { search: string }) {
           </Table>
         </Box>
       </Paper>
-      <Center>
-        <Pagination
-          value={page}
-          onChange={(newPage) => load(newPage)}
-          total={totalPages}
-          my={"md"}
-        />
-      </Center>
       {/* Modal Hapus */}
       <ModalKonfirmasiHapus
         opened={modalHapus}

src/app/admin/_com/list_PageAdmin.tsx

@@ -17,7 +17,7 @@ export const navBar = [
       {
         id: "Landing_Page_3",
         name: "Indeks Kepuasan Masyarakat",
-        path: "/admin/landing-page/indeks-kepuasan-masyarakat/grafik-kepuasan-masyarakat"
+        path: "/admin/landing-page/indeks-kepuasan-masyarakat/list-survey"
       },
       {
         id: "Landing_Page_4",
@@ -286,7 +286,7 @@ export const navBar = [
       {
         id: "Inovasi_4",
         name: "Kolaborasi Inovasi",
-        path: "/admin/inovasi/kolaborasi-inovasi/list-kolaborasi-inovasi"
+        path: "/admin/inovasi/kolaborasi-inovasi"
       },
       {
         id: "Inovasi_5",

src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-pengangguran/detail-data-pengangguran/create.ts

@@ -96,36 +96,28 @@ export default async function detailDataPengangguranCreate(context: Context) {
   // Cari bulan sebelumnya
   const currentMonthIndex = monthOrder.indexOf(body.month);
   const prevMonth = currentMonthIndex > 0 ? monthOrder[currentMonthIndex - 1] : "Des";
-  
-  // Handle year as number for calculations
-  const currentYear = typeof body.year === 'number' ? body.year : new Date(body.year).getFullYear();
-  const prevYear = currentMonthIndex > 0 ? currentYear : currentYear - 1;
-  
-  // Create date objects for Prisma
-  const currentYearDate = new Date(currentYear, 0, 1);
-  const prevYearDate = new Date(prevYear, 0, 1);
-  
+  const prevYear = currentMonthIndex > 0 ? body.year : body.year - 1;
+
   const prevData = await prisma.detailDataPengangguran.findFirst({
     where: {
       month: prevMonth,
-      year: prevYearDate,
+      year: prevYear,
     },
   });
 
   let percentageChange: number | null = null;
   if (prevData) {
-    const change = ((Number(body.totalUnemployment) - Number(prevData.totalUnemployment)) / Number(prevData.totalUnemployment)) * 100;
+    const change = ((body.totalUnemployment - prevData.totalUnemployment) / prevData.totalUnemployment) * 100;
     percentageChange = parseFloat(change.toFixed(1));
   }
 
-  // Create the new record with properly typed values
   const created = await prisma.detailDataPengangguran.create({
     data: {
       month: body.month,
-      year: currentYearDate,
-      totalUnemployment: Number(body.totalUnemployment),
-      educatedUnemployment: Number(body.educatedUnemployment),
-      uneducatedUnemployment: Number(body.uneducatedUnemployment),
+      year: body.year,
+      totalUnemployment: body.totalUnemployment,
+      educatedUnemployment: body.educatedUnemployment,
+      uneducatedUnemployment: body.uneducatedUnemployment,
       percentageChange,
     },
     select: {

src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-pengangguran/detail-data-pengangguran/findByMonthYear.ts

@@ -15,7 +15,7 @@ export default async function findByMonthYear(context: Context) {
   const data = await prisma.detailDataPengangguran.findFirst({
     where: {
       month,
-      year: new Date(Number(year), 0, 1), // Convert year number to Date object for Prisma
+      year: Number(year),
     },
   });
 

src/app/api/[[...slugs]]/_lib/ekonomi/jumlah-pengangguran/detail-data-pengangguran/updt.ts

@@ -81,18 +81,13 @@ export default async function detailDataPengangguranUpdate(context: Context) {
       return { success: false, message: "ID tidak ditemukan" };
     }
   
-    const { month, year: yearInput, totalUnemployment, educatedUnemployment, uneducatedUnemployment } = context.body as {
+    const { month, year, totalUnemployment, educatedUnemployment, uneducatedUnemployment } = context.body as {
       month: string;
-      year: number | string | Date;
-      totalUnemployment: number | string;
-      educatedUnemployment: number | string;
-      uneducatedUnemployment: number | string;
+      year: number;
+      totalUnemployment: number;
+      educatedUnemployment: number;
+      uneducatedUnemployment: number;
     };
-    
-    // Normalize year to Date object
-    const year = typeof yearInput === 'number' ? new Date(yearInput, 0, 1) : 
-                yearInput instanceof Date ? yearInput : 
-                new Date(parseInt(yearInput as string), 0, 1);
   
     const duplicate = await prisma.detailDataPengangguran.findFirst({
       where: {
@@ -114,19 +109,18 @@ export default async function detailDataPengangguranUpdate(context: Context) {
   
     const currentMonthIndex = monthOrder.indexOf(month);
     const prevMonth = currentMonthIndex > 0 ? monthOrder[currentMonthIndex - 1] : "Des";
-    const currentYear = year.getFullYear();
-    const prevYear = currentMonthIndex > 0 ? currentYear : currentYear - 1;
+    const prevYear = currentMonthIndex > 0 ? year : year - 1;
   
     const prevData = await prisma.detailDataPengangguran.findFirst({
       where: {
         month: prevMonth,
-        year: new Date(prevYear, 0, 1),
+        year: prevYear,
       },
     });
   
     let percentageChange: number | null = null;
     if (prevData) {
-      const change = ((Number(totalUnemployment) - Number(prevData.totalUnemployment)) / Number(prevData.totalUnemployment)) * 100;
+      const change = ((totalUnemployment - prevData.totalUnemployment) / prevData.totalUnemployment) * 100;
       percentageChange = parseFloat(change.toFixed(1));
     }
   
@@ -134,10 +128,10 @@ export default async function detailDataPengangguranUpdate(context: Context) {
       where: { id },
       data: {
         month,
-        year: new Date(year), // Ensure it's a new Date instance
-        totalUnemployment: Number(totalUnemployment),
-        educatedUnemployment: Number(educatedUnemployment),
-        uneducatedUnemployment: Number(uneducatedUnemployment),
+        year,
+        totalUnemployment,
+        educatedUnemployment,
+        uneducatedUnemployment,
         percentageChange,
       },
     });

src/app/api/[[...slugs]]/_lib/ekonomi/lowongan-kerja/findMany.ts

@@ -1,55 +1,21 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// /api/berita/findManyPaginated.ts
 import prisma from "@/lib/prisma";
-import { Context } from "elysia";
 
-async function lowonganKerjaFindMany(context: Context) {
-  // Ambil parameter dari query
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const skip = (page - 1) * limit;
+export default async function lowonganKerjaFindMany() {
+    try {
+        const data = await prisma.lowonganPekerjaan.findMany({
+            where: { isActive: true },
+        });
 
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.OR = [
-      { posisi: { contains: search, mode: 'insensitive' } },
-      { namaPerusahaan: { contains: search, mode: 'insensitive' } },
-      { lokasi: { contains: search, mode: 'insensitive' } },
-    ];
-  }
-
-  try {
-    // Ambil data dan total count secara paralel
-    const [data, total] = await Promise.all([
-      prisma.lowonganPekerjaan.findMany({
-        where,
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
-      }),
-      prisma.lowonganPekerjaan.count({ where }),
-    ]);
-
-    return {
-      success: true,
-      message: "Berhasil ambil lowongan kerja dengan pagination",
-      data,
-      page,
-      limit,
-      total,
-      totalPages: Math.ceil(total / limit),
-    };
-  } catch (e) {
-    console.error("Error di findMany paginated:", e);
-    return {
-      success: false,
-      message: "Gagal mengambil data lowongan kerja",
-    };
-  }
-}
-
-export default lowonganKerjaFindMany;
+        return {
+            success: true,
+            message: "Success fetch lowongan kerja",
+            data,
+        };
+    } catch (e) {
+        console.error("Find many error:", e);
+        return {
+            success: false,
+            message: "Failed fetch lowongan kerja",
+        };
+    }
+}

src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/findMany.ts

@@ -1,84 +1,26 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-// /api/berita/findManyPaginated.ts
 import prisma from "@/lib/prisma";
-import { Context } from "elysia";
 
-async function pasarDesaFindMany(context: Context) {
-  // Ambil parameter dari query
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const categoryId = context.query.categoryId as string | undefined;
-  const skip = (page - 1) * limit;
-
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan filter kategori (jika ada)
-  if (categoryId) {
-    where.KategoriToPasar = {
-      some: {
-        kategoriId: categoryId
-      }
-    };
-  }
-
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.AND = where.AND || [];
-    where.AND.push({
-      OR: [
-        { nama: { contains: search, mode: 'insensitive' } },
-        { alamatUsaha: { contains: search, mode: 'insensitive' } },
-        { 
-          KategoriToPasar: { 
-            some: { 
-              kategori: { 
-                nama: { contains: search, mode: 'insensitive' } 
-              } 
-            } 
-          } 
-        }
-      ]
-    });
-  }
-
-  try {
-    // Ambil data dan total count secara paralel
-    const [data, total] = await Promise.all([
-      prisma.pasarDesa.findMany({
-        where,
+export default async function pasarDesaFindMany() {
+  const data = await prisma.pasarDesa.findMany({
+    where: {
+      isActive: true, // Opsional filter
+    },
+    orderBy: {
+      createdAt: "desc",
+    },
+    include: {
+      image: true,
+      KategoriToPasar: {
         include: {
-          image: true,
-          KategoriToPasar: {
-            include: {
-              kategori: true
-            }
-          }
+          kategori: true,
         },
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
-      }),
-      prisma.pasarDesa.count({ where }),
-    ]);
+      },
+    },
+  });
 
-    return {
-      success: true,
-      message: "Berhasil ambil pasar desa dengan pagination",
-      data,
-      page,
-      limit,
-      total,
-      totalPages: Math.ceil(total / limit),
-    };
-  } catch (e) {
-    console.error("Error di findMany paginated:", e);
-    return {
-      success: false,
-      message: "Gagal mengambil data pasar desa",
-    };
-  }
+  return {
+    success: true,
+    message: "Berhasil mengambil semua data pasar desa",
+    data,
+  };
 }
-
-export default pasarDesaFindMany;

src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findMany.ts

@@ -1,60 +1,15 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-// /api/berita/findManyPaginated.ts
 import prisma from "@/lib/prisma";
-import { Context } from "elysia";
 
-async function kategoriProdukFindMany(context: Context) {
-  // Ambil parameter dari query
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search2 = (context.query.search as string) || '';
-  const skip = (page - 1) * limit;
-
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan pencarian (jika ada)
-  if (search2) {
-    where.OR = [
-      { nama: { contains: search2, mode: 'insensitive' } },
-      {KategoriToPasar : {
-        some: {
-          kategori: {
-            nama: { contains: search2, mode: 'insensitive' }
-          }
-        }
-      }}
-    ];
-  }
-
-  try {
-    // Ambil data dan total count secara paralel
-    const [data, total] = await Promise.all([
-      prisma.kategoriProduk.findMany({
-        where,
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
-      }),
-      prisma.kategoriProduk.count({ where }),
-    ]);
-
-    return {
-      success: true,
-      message: "Berhasil ambil kategori produk dengan pagination",
-      data,
-      page,
-      limit,
-      total,
-      totalPages: Math.ceil(total / limit),
+export default async function kategoriProdukFindMany() {
+    const data = await prisma.kategoriProduk.findMany();
+    return { 
+        success: true,
+        data: data.map((item: any) => {
+            return {
+                id: item.id,
+                nama: item.nama,
+            }
+        }),
     };
-  } catch (e) {
-    console.error("Error di findMany paginated:", e);
-    return {
-      success: false,
-      message: "Gagal mengambil data kategori produk",
-    };
-  }
-}
-
-export default kategoriProdukFindMany;
+}

src/app/api/[[...slugs]]/_lib/ekonomi/program-kemiskinan/findMany.ts

@@ -1,53 +1,18 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
-import { Context } from "elysia";
 
-export default async function programKemiskinanFindMany(context: Context) {
-   const page = Number(context.query.page) || 1;
-    const limit = Number(context.query.limit) || 10;
-    const search = (context.query.search as string) || '';
-    const skip = (page - 1) * limit;
-  
-    // Buat where clause
-    const where: any = { isActive: true };
-  
-    // Tambahkan pencarian (jika ada)
-    if (search) {
-      where.OR = [
-        { nama: { contains: search, mode: 'insensitive' } },
-        { deskripsi: { contains: search, mode: 'insensitive' } },
-      ];
-    }
-  
-    try {
-      // Ambil data dan total count secara paralel
-      const [data, total] = await Promise.all([
-        prisma.programKemiskinan.findMany({
-          where,
-          include: {
-            statistik: true,
-          },
-          skip,
-          take: limit,
-          orderBy: { createdAt: 'desc' },
-        }),
-        prisma.programKemiskinan.count({ where }),
-      ]);
-  
-      return {
-        success: true,
-        message: "Berhasil ambil program kemiskinan dengan pagination",
-        data,
-        page,
-        limit,
-        total,
-        totalPages: Math.ceil(total / limit),
-      };
-    } catch (e) {
-      console.error("Error di findMany paginated:", e);
-      return {
-        success: false,
-        message: "Gagal mengambil data program kemiskinan",
-      };
-    }
+export default async function programKemiskinanFindMany() {
+  const data = await prisma.programKemiskinan.findMany({
+    include: {
+      statistik: true, // ikut sertakan relasinya
+    },
+    orderBy: {
+      createdAt: "desc",
+    },
+  });
+
+  return {
+    success: true,
+    message: "Success get all program layanan",
+    data,
+  };
 }

src/app/api/[[...slugs]]/_lib/fileStorage/_lib/create.ts

@@ -1,3 +1,4 @@
+// create.ts
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 import fs from "fs/promises";
@@ -5,47 +6,155 @@ import path from "path";
 import { nanoid } from "nanoid";
 
 const UPLOAD_DIR = process.env.WIBU_UPLOAD_DIR;
+const BASE_URL = process.env.NEXT_PUBLIC_BASE_URL;
 
 const fileStorageCreate = async (context: Context) => {
   const body = (await context.body) as {
     name: string;
-    file: File;
+    file?: File;
+    googleDriveLink?: string;
   };
+
   const file = body.file;
+  const googleDriveLink = body.googleDriveLink?.trim();
   const name = body.name;
 
-  if (!file) return { status: 400, body: "No file uploaded" };
   if (!name) return { status: 400, body: "No name provided" };
   if (!UPLOAD_DIR) return { status: 500, body: "UPLOAD_DIR is not defined" };
+  if (!BASE_URL) return { status: 500, body: "NEXT_PUBLIC_BASE_URL is not defined" };
 
-  // Tentukan kategori berdasarkan mimeType
-  const isImage = file.type.startsWith("image/");
-  const category = isImage ? "image" : "document";
+  let category = "document";
+  let mimeType = "application/octet-stream";
+  let link = "";
 
-  const pathName = category === "image" ? "images" : "documents";
-  const rootPath = path.join(UPLOAD_DIR, pathName);
-  await fs.mkdir(rootPath, { recursive: true });
+  // 📁 1. Upload File Lokal
+  if (file) {
+    const isImage = file.type.startsWith("image/");
+    category = isImage ? "image" : "document";
+    const pathName = category === "image" ? "images" : "documents";
+    const rootPath = path.join(UPLOAD_DIR, pathName);
+    await fs.mkdir(rootPath, { recursive: true });
 
-  const ext = file.name.split(".").pop();
-  const newName = nanoid() + "." + ext;
+    const parts = file.name.split(".");
+    const ext = parts.length > 1 ? parts.pop() : "bin";
+    const newName = nanoid() + "." + ext;
 
-  const data = await prisma.fileStorage.create({
-    data: {
-      name: newName,
-      realName: file.name,
-      path: rootPath,
-      mimeType: file.type,
-      category,
-      link: `/api/fileStorage/findUnique/${newName}`,
-    },
-  });
+    mimeType = file.type;
+    link = `${BASE_URL}/uploads/${pathName}/${newName}`;
 
-  await fs.writeFile(
-    path.join(rootPath, newName),
-    Buffer.from(await file.arrayBuffer())
-  );
+    const data = await prisma.fileStorage.create({
+      data: {
+        name: newName,
+        realName: file.name,
+        path: rootPath,
+        mimeType,
+        category,
+        link,
+      },
+    });
 
-  return { data };
+    await fs.writeFile(
+      path.join(rootPath, newName),
+      Buffer.from(await file.arrayBuffer())
+    );
+
+    return { data };
+  }
+
+  // 🌐 2. Upload dari Google Drive
+  if (googleDriveLink) {
+    // Ekstrak ID dari link Google Drive
+    const idMatch = googleDriveLink.match(/[-\w]{25,}/);
+    if (!idMatch) {
+      return { status: 400, body: "Invalid Google Drive link" };
+    }
+
+    const fileId = idMatch[0];
+    const embedLink = `https://drive.google.com/uc?export=view&id=${fileId}`;
+
+    // Validasi: cek apakah file bisa diakses
+    try {
+      const res = await fetch(embedLink);
+      if (!res.ok) {
+        return { status: 400, body: "Google Drive file not accessible (403/404)" };
+      }
+    } catch (error) {
+      return { status: 400, body: "Failed to access Google Drive file", error };
+    }
+
+    // Simpan ke database
+    const data = await prisma.fileStorage.create({
+      data: {
+        name: `gdrive-${fileId}`,
+        realName: name,
+        path: "",
+        mimeType: "image/jpeg", // default untuk embed
+        category: "image",
+        link: embedLink,
+      },
+    });
+
+    return { data };
+  }
+
+  // ❌ Tidak ada file atau link
+  return { status: 400, body: "Either 'file' or 'googleDriveLink' must be provided" };
 };
 
 export default fileStorageCreate;
+
+
+
+
+// //kodingan sebelumnya:
+// import prisma from "@/lib/prisma";
+// import { Context } from "elysia";
+// import fs from "fs/promises";
+// import path from "path";
+// import { nanoid } from "nanoid";
+
+// const UPLOAD_DIR = process.env.WIBU_UPLOAD_DIR;
+
+// const fileStorageCreate = async (context: Context) => {
+//   const body = (await context.body) as {
+//     name: string;
+//     file: File;
+//   };
+//   const file = body.file;
+//   const name = body.name;
+
+//   if (!file) return { status: 400, body: "No file uploaded" };
+//   if (!name) return { status: 400, body: "No name provided" };
+//   if (!UPLOAD_DIR) return { status: 500, body: "UPLOAD_DIR is not defined" };
+
+//   // Tentukan kategori berdasarkan mimeType
+//   const isImage = file.type.startsWith("image/");
+//   const category = isImage ? "image" : "document";
+
+//   const pathName = category === "image" ? "images" : "documents";
+//   const rootPath = path.join(UPLOAD_DIR, pathName);
+//   await fs.mkdir(rootPath, { recursive: true });
+
+//   const ext = file.name.split(".").pop();
+//   const newName = nanoid() + "." + ext;
+
+//   const data = await prisma.fileStorage.create({
+//     data: {
+//       name: newName,
+//       realName: file.name,
+//       path: rootPath,
+//       mimeType: file.type,
+//       category,
+//       link: `/api/fileStorage/findUnique/${newName}`,
+//     },
+//   });
+
+//   await fs.writeFile(
+//     path.join(rootPath, newName),
+//     Buffer.from(await file.arrayBuffer())
+//   );
+
+//   return { data };
+// };
+
+// export default fileStorageCreate;

src/app/api/[[...slugs]]/_lib/inovasi/desa-digital/findMany.ts

@@ -1,54 +1,23 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
-import { Context } from "elysia";
 
-export default async function desaDigitalFindMany(context: Context) {
-  // Ambil parameter dari query
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const skip = (page - 1) * limit;
+export default async function desaDigitalFindMany() {
+    try {
+        const data = await prisma.desaDigital.findMany({
+            include: {
+                image: true,
+            },
+        });
 
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.OR = [
-      { name: { contains: search, mode: 'insensitive' } },
-      { deskripsi: { contains: search, mode: 'insensitive' } },
-    ];
-  }
-
-  try {
-    // Ambil data dan total count secara paralel
-    const [data, total] = await Promise.all([
-      prisma.desaDigital.findMany({
-        where,
-        include: {
-          image: true,
-        },
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
-      }),
-      prisma.desaDigital.count({ where }),
-    ]);
-
-    return {
-      success: true,
-      message: "Berhasil ambil desa digital dengan pagination",
-      data,
-      page,
-      limit,
-      total,
-      totalPages: Math.ceil(total / limit),
-    };
-  } catch (e) {
-    console.error("Error di findMany paginated:", e);
-    return {
-      success: false,
-      message: "Gagal mengambil data desa digital",
-    };
-  }
+        return {
+            success: true,
+            message: "Success fetch desa digital",
+            data,
+        };
+    } catch (error) {
+        console.error("Find many error:", error);
+        return {
+            success: false,
+            message: "Failed fetch desa digital",
+        };
+    }
 }

src/app/api/[[...slugs]]/_lib/inovasi/index.ts

@@ -5,7 +5,6 @@ import KolaborasiInovasi from "./kolaborasi-inovasi";
 import InfoTekno from "./info-teknologi";
 import AjukanIdeInovatif from "./ajukan-ide-inovatif";
 import LayananOnlineDesa from "./layanan-online-desa";
-import MitraKolaborasi from "./kolaborasi-inovasi/mitra-kolaborasi";
 
 const Inovasi = new Elysia({
   prefix: "/api/inovasi",
@@ -17,6 +16,5 @@ const Inovasi = new Elysia({
   .use(InfoTekno)
   .use(AjukanIdeInovatif)
   .use(LayananOnlineDesa)
-  .use(MitraKolaborasi)
-  
+
 export default Inovasi;

src/app/api/[[...slugs]]/_lib/inovasi/info-teknologi/findMany.ts

@@ -1,61 +1,23 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
-import { Context } from "elysia";
 
-// Di findMany.ts
-export default async function infoTeknoFindMany(context: Context) {
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const skip = (page - 1) * limit;
+export default async function infoTeknoFindMany() {
+    try {
+        const data = await prisma.infoTekno.findMany({
+            include: {
+                image: true,
+            },
+        });
 
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.OR = [
-      { name: { contains: search, mode: 'insensitive' } },
-      { deskripsi: { contains: search, mode: 'insensitive' } },
-    ];
-  }
-
-
-  try {
-    const [data, total] = await Promise.all([
-      prisma.infoTekno.findMany({
-        where,
-        include: {
-          image: true,
-        },
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
-      }),
-      prisma.infoTekno.count({
-        where
-      })
-    ]);
-
-    const totalPages = Math.ceil(total / limit);
-
-    return {
-      success: true,
-      message: "Success fetch info teknologi with pagination",
-      data,
-      page,
-      totalPages,
-      total,
-    };
-  } catch (e) {
-    console.error("Find many paginated error:", e);
-    return {
-      success: false,
-      message: "Failed fetch info teknologi with pagination",
-      data: [],
-      page: 1,
-      totalPages: 1,
-      total: 0,
-    };
-  }
+        return {
+            success: true,
+            message: "Success fetch info teknologi",
+            data,
+        };
+    } catch (error) {
+        console.error("Find many error:", error);
+        return {
+            success: false,
+            message: "Failed fetch info teknologi",
+        };
+    }
 }

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/create.ts

@@ -1,37 +1,34 @@
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
-import { Prisma } from "@prisma/client";
 
-// Define validation schema
-type FormCreateKolaborasiInovasi = Prisma.KolaborasiInovasiGetPayload<{
-  select: {
-    name: true;
-    tahun: true;
-    slug: true;
-    deskripsi: true;
-    kolaborator: true;
-  };
-}>;
-
-export default async function kolaborasiInovasiCreate(context: Context) {
-  const body = context.body as FormCreateKolaborasiInovasi;
-
-  // Create new kolaborasi inovasi
-  await prisma.kolaborasiInovasi.create({
-    data: {
-      name: body.name,
-      tahun: body.tahun,
-      slug: body.slug,
-      deskripsi: body.deskripsi,
-      kolaborator: body.kolaborator,
-    },
-  });
-
-  return {
-    success: true,
-    message: "Berhasil membuat kolaborasi inovasi",
-    data: {
-      ...body,
-    },
-  };
+type FormCreateKolaborasiInovasi = {
+    name: string;
+    tahun: number;
+    slug: string;
+    deskripsi: string;
+    kolaborator: string;
+    imageId: string;
 }
+
+export default async function kolaborasiInovasiCreate(context: Context){
+    const body = context.body as FormCreateKolaborasiInovasi;
+
+    await prisma.kolaborasiInovasi.create({
+        data: {
+            name: body.name,
+            tahun: body.tahun,
+            slug: body.slug,
+            deskripsi: body.deskripsi,
+            kolaborator: body.kolaborator,
+            imageId: body.imageId,
+        }
+    })
+
+    return {
+        success: true,
+        message: "Success create kolaborasi inovasi",
+        data: {
+            ...body,
+        }
+    }
+}

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/findMany.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import prisma from "@/lib/prisma";
 import { Context } from "elysia";
 
@@ -6,42 +5,18 @@ import { Context } from "elysia";
 export default async function kolaborasiInovasiFindMany(context: Context) {
   const page = Number(context.query.page) || 1;
   const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const year = (context.query.year as string) || '';
   const skip = (page - 1) * limit;
 
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan filter tahun (jika ada)
-  if (year) {
-    const startDate = new Date(parseInt(year), 0, 1); // 1 Januari tahun tersebut
-    const endDate = new Date(parseInt(year) + 1, 0, 1); // 1 Januari tahun berikutnya
-    where.createdAt = {
-      gte: startDate,
-      lt: endDate,
-    };
-  }
-
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.OR = [
-      { name: { contains: search, mode: 'insensitive' } },
-      { slug: { contains: search, mode: 'insensitive' } },
-    ];
-  }
-
-
   try {
     const [data, total] = await Promise.all([
       prisma.kolaborasiInovasi.findMany({
-        where,
+        where: { isActive: true },
         skip,
         take: limit,
         orderBy: { createdAt: 'desc' },
       }),
       prisma.kolaborasiInovasi.count({
-        where
+        where: { isActive: true }
       })
     ]);
 

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/findUnique.ts

@@ -15,6 +15,9 @@ export default async function kolaborasiInovasiFindUnique(context: Context) {
     try {
         const kolaborasiInovasi = await prisma.kolaborasiInovasi.findUnique({
             where: { id },
+            include: {
+                image: true,
+            }
         });
 
         if (!kolaborasiInovasi) {

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/index.ts

@@ -21,6 +21,7 @@ const KolaborasiInovasi = new Elysia({
       slug: t.String(),
       deskripsi: t.String(),
       kolaborator: t.String(),
+      imageId: t.String(),
     }),
   })
   .put(
@@ -36,7 +37,7 @@ const KolaborasiInovasi = new Elysia({
         slug: t.String(),
         deskripsi: t.String(),
         kolaborator: t.String(),
-
+        imageId: t.String(),
       }),
     }
   )

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/mitra-kolaborasi/create.ts

@@ -1,26 +0,0 @@
-import prisma from "@/lib/prisma";
-import { Context } from "elysia";
-
-type FormCreate = {
-  name: string;
-  imageId: string;
-};
-
-export default async function mitraKolaborasiCreate(context: Context) {
-    const body = context.body as FormCreate;
-
-    await prisma.mitraKolaborasi.create({
-        data: {
-            name: body.name,
-            imageId: body.imageId,
-        },
-    });
-
-    return {
-        success: true,
-        message: "Berhasil membuat mitra kolaborasi",
-        data: {
-            ...body,
-        },
-    };
-}

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/mitra-kolaborasi/del.ts

@@ -1,54 +0,0 @@
-import prisma from "@/lib/prisma";
-import { Context } from "elysia";
-import fs from "fs/promises";
-import path from "path";
-
-export default async function mitraKolaborasiDelete(context: Context) {
-  const id = context.params?.id as string;
-
-  if (!id) {
-    return {
-      status: 400,
-      body: "ID tidak diberikan",
-    };
-  }
-
-  const mitraKolaborasi = await prisma.mitraKolaborasi.findUnique({
-    where: { id },
-    include: {
-      image: true,
-    },
-  });
-
-  if (!mitraKolaborasi) {
-    return {
-      status: 404,
-      body: "Mitra kolaborasi tidak ditemukan",
-    };
-  }
-
-  if (mitraKolaborasi.image) {
-    try {
-      const filePath = path.join(
-        mitraKolaborasi.image.path,
-        mitraKolaborasi.image.name
-      );
-      await fs.unlink(filePath);
-      await prisma.fileStorage.delete({
-        where: { id: mitraKolaborasi.image.id },
-      });
-    } catch (error) {
-      console.error("Gagal hapus file image:", error);
-    }
-  }
-
-  await prisma.mitraKolaborasi.delete({
-    where: { id },
-  });
-
-  return {
-    success: true,
-    message: "Mitra kolaborasi berhasil dihapus",
-    status: 200,
-  };
-}

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/mitra-kolaborasi/findMany.ts

@@ -1,53 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import prisma from "@/lib/prisma";
-import { Context } from "elysia";
-
-export default async function mitraKolaborasiFindMany(context: Context) {
-  // Ambil parameter dari query
-  const page = Number(context.query.page) || 1;
-  const limit = Number(context.query.limit) || 10;
-  const search = (context.query.search as string) || '';
-  const skip = (page - 1) * limit;
-
-  // Buat where clause
-  const where: any = { isActive: true };
-
-  // Tambahkan pencarian (jika ada)
-  if (search) {
-    where.OR = [
-      { name: { contains: search, mode: 'insensitive' } },
-    ];
-  }
-
-  try {
-    // Ambil data dan total count secara paralel
-    const [data, total] = await Promise.all([
-      prisma.mitraKolaborasi.findMany({
-        where,
-        include: {
-          image: true,
-        },
-        skip,
-        take: limit,
-        orderBy: { createdAt: 'desc' },
-      }),
-      prisma.mitraKolaborasi.count({ where }),
-    ]);
-
-    return {
-      success: true,
-      message: "Berhasil ambil mitra kolaborasi dengan pagination",
-      data,
-      page,
-      limit,
-      total,
-      totalPages: Math.ceil(total / limit),
-    };
-  } catch (e) {
-    console.error("Error di findMany paginated:", e);
-    return {
-      success: false,
-      message: "Gagal mengambil data mitra kolaborasi",
-    };
-  }
-}

src/app/api/[[...slugs]]/_lib/inovasi/kolaborasi-inovasi/mitra-kolaborasi/findUnique.ts

@@ -1,49 +0,0 @@
-import prisma from "@/lib/prisma";
-
-export default async function mitraKolaborasiFindUnique(request: Request) {
-    const url = new URL(request.url);
-    const pathSegments = url.pathname.split("/");
-    const id = pathSegments[pathSegments.length - 1];
-
-    if (!id) {
-        return Response.json({
-            success: false,
-            message: "ID tidak ditemukan",
-        }, {status: 400});
-    }
-
-    try {
-        if (typeof id !== 'string') {
-            return Response.json({
-                success: false,
-                message: "ID tidak valid",
-            }, {status: 400});
-        }
-
-        const data = await prisma.mitraKolaborasi.findUnique({
-            where: { id },
-            include: {
-                image: true,
-            },
-        });
-
-        if (!data) {
-            return Response.json({
-                success: false,
-                message: "Mitra kolaborasi tidak ditemukan",
-            }, {status: 404});
-        }
-
-        return Response.json({
-            success: true,
-            message: "Success fetch mitra kolaborasi by ID",
-            data,
-        }, {status: 200});
-    } catch (error) {
-        console.error("Find by ID error:", error);
-        return Response.json({
-            success: false,
-            message: "Gagal mengambil mitra kolaborasi: " + (error instanceof Error ? error.message : 'Unknown error'),
-        }, {status: 500});
-    }
-}