Push STG

Admin Dashboard Bagian Data Kesehatan
Ngerjain Tabs Jadwal Kegiatan di Data Kesehatan
2025-04-30 16:32:29 +08:00 · 2025-04-30 16:31:18 +08:00 · 2025-04-29 11:01:09 +08:00 · 2025-04-28 10:21:59 +08:00 · 2025-04-25 10:24:52 +08:00 · 2025-04-22 21:48:01 +08:00
103 changed files with 4455 additions and 216 deletions
--- a/bun.lockb
+++ b/bun.lockb
--- a/package.json
+++ b/package.json
@@ -20,15 +20,25 @@
    "@elysiajs/swagger": "^1.2.0",
    "@mantine/carousel": "^7.16.2",
    "@mantine/charts": "^7.17.1",
-    "@mantine/core": "^7.16.2",
+    "@mantine/core": "^7.17.4",
    "@mantine/dates": "^7.17.4",
    "@mantine/dropzone": "^7.17.0",
-    "@mantine/hooks": "^7.16.2",
+    "@mantine/hooks": "^7.17.4",
+    "@mantine/tiptap": "^7.17.4",
    "@paljs/types": "^8.1.0",
    "@prisma/client": "^6.3.1",
    "@tabler/icons-react": "^3.30.0",
+    "@tiptap/extension-highlight": "^2.11.7",
+    "@tiptap/extension-link": "^2.11.7",
+    "@tiptap/extension-subscript": "^2.11.7",
+    "@tiptap/extension-superscript": "^2.11.7",
+    "@tiptap/extension-text-align": "^2.11.7",
+    "@tiptap/extension-underline": "^2.11.7",
+    "@tiptap/pm": "^2.11.7",
+    "@tiptap/react": "^2.11.7",
+    "@tiptap/starter-kit": "^2.11.7",
    "@types/bun": "^1.2.2",
-    "@types/lodash": "^4.17.15",
+    "@types/lodash": "^4.17.16",
    "add": "^2.0.6",
    "animate.css": "^4.1.1",
    "bun": "^1.2.2",
@@ -50,10 +60,12 @@
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "react-simple-toasts": "^6.1.0",
+    "react-toastify": "^11.0.5",
    "readdirp": "^4.1.1",
-    "recharts": "2",
+    "recharts": "^2.15.3",
    "swr": "^2.3.2",
-    "valtio": "^2.1.3"
+    "valtio": "^2.1.3",
+    "zod": "^3.24.3"
  },
  "devDependencies": {
    "@eslint/eslintrc": "^3",
--- a/prisma/data/category-pengumuman.json
+++ b/prisma/data/category-pengumuman.json
@@ -0,0 +1,8 @@
+[
+  { "name": "Sosial & Kesehatan" },
+  { "name": "Ekonomi & UMKM" },
+  { "name": "Pendidikan & Kepemudaan" },
+  { "name": "Lingkungan & Bencana" },
+  { "name": "Adat & Budaya" },
+  { "name": "Digitalisasi Desa" }
+]
--- a/prisma/data/katagory-berita.json
+++ b/prisma/data/katagory-berita.json
@@ -0,0 +1,9 @@
+[
+  { "name": "Semua" },
+  { "name": "Pemerintahan" },
+  { "name": "Pembangunan" },
+  { "name": "Ekonomi" },
+  { "name": "Sosial" },
+  { "name": "Budaya" },
+  { "name": "Teknologi" }
+]
--- a/prisma/migrations/20250423072406_init/migration.sql
+++ b/prisma/migrations/20250423072406_init/migration.sql
@@ -0,0 +1,355 @@
+-- CreateTable
+CREATE TABLE "Layanan" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+
+    CONSTRAINT "Layanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Potensi" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+
+    CONSTRAINT "Potensi_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LandingPage_Layanan" (
+    "id" TEXT NOT NULL,
+    "deksripsi" TEXT NOT NULL,
+
+    CONSTRAINT "LandingPage_Layanan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AppMenu" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "link" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "AppMenu_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "AppMenuChild" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "link" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "appMenuId" TEXT,
+
+    CONSTRAINT "AppMenuChild_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Berita" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "image" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "katagoryBeritaId" TEXT,
+
+    CONSTRAINT "Berita_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "KatagoryBerita" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "KatagoryBerita_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Pengumuman" (
+    "id" TEXT NOT NULL,
+    "judul" TEXT NOT NULL,
+    "deskripsi" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "categoryPengumumanId" TEXT,
+
+    CONSTRAINT "Pengumuman_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "CategoryPengumuman" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "CategoryPengumuman_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Images" (
+    "id" TEXT NOT NULL,
+    "url" TEXT NOT NULL,
+    "label" TEXT NOT NULL DEFAULT 'null',
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Images_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Videos" (
+    "id" TEXT NOT NULL,
+    "url" TEXT NOT NULL,
+    "label" TEXT NOT NULL DEFAULT 'null',
+    "active" BOOLEAN NOT NULL DEFAULT true,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Videos_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "GalleryFoto" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "image" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "imagesId" TEXT,
+
+    CONSTRAINT "GalleryFoto_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "GalleryVideo" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "video" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+    "videosId" TEXT,
+
+    CONSTRAINT "GalleryVideo_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "DataKematian_Kelahiran" (
+    "id" SERIAL NOT NULL,
+    "tahun" TEXT NOT NULL,
+    "kematianKasar" TEXT NOT NULL,
+    "kematianBayi" TEXT NOT NULL,
+    "kelahiranKasar" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "DataKematian_Kelahiran_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FasilitasKesehatan" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "FasilitasKesehatan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "InformasiUmum" (
+    "id" TEXT NOT NULL,
+    "fasilitas" TEXT NOT NULL,
+    "alamat" TEXT NOT NULL,
+    "jamOperasional" TEXT NOT NULL,
+    "fasilitasKesehatanId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "InformasiUmum_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "LayananUnggulan" (
+    "id" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "LayananUnggulan_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "DokterdanTenagaMedis" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "DokterdanTenagaMedis_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "FasilitasPendukung" (
+    "id" TEXT NOT NULL,
+    "name" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "FasilitasPendukung_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "ProsedurPendaftaran" (
+    "id" TEXT NOT NULL,
+    "content" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updatedAt" TIMESTAMP(3) NOT NULL,
+    "deletedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "isActive" BOOLEAN NOT NULL DEFAULT true,
+
+    CONSTRAINT "ProsedurPendaftaran_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "_FasilitasKesehatanToLayananUnggulan" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_FasilitasKesehatanToLayananUnggulan_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateTable
+CREATE TABLE "_FasilitasKesehatanToFasilitasPendukung" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_FasilitasKesehatanToFasilitasPendukung_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateTable
+CREATE TABLE "_FasilitasKesehatanToProsedurPendaftaran" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_FasilitasKesehatanToProsedurPendaftaran_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateTable
+CREATE TABLE "_DokterdanTenagaMedisToFasilitasKesehatan" (
+    "A" TEXT NOT NULL,
+    "B" TEXT NOT NULL,
+
+    CONSTRAINT "_DokterdanTenagaMedisToFasilitasKesehatan_AB_pkey" PRIMARY KEY ("A","B")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Layanan_name_key" ON "Layanan"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Potensi_name_key" ON "Potensi"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "AppMenu_name_key" ON "AppMenu"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "AppMenuChild_name_key" ON "AppMenuChild"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "KatagoryBerita_name_key" ON "KatagoryBerita"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "CategoryPengumuman_name_key" ON "CategoryPengumuman"("name");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "GalleryFoto_imagesId_key" ON "GalleryFoto"("imagesId");
+
+-- CreateIndex
+CREATE UNIQUE INDEX "GalleryVideo_videosId_key" ON "GalleryVideo"("videosId");
+
+-- CreateIndex
+CREATE INDEX "_FasilitasKesehatanToLayananUnggulan_B_index" ON "_FasilitasKesehatanToLayananUnggulan"("B");
+
+-- CreateIndex
+CREATE INDEX "_FasilitasKesehatanToFasilitasPendukung_B_index" ON "_FasilitasKesehatanToFasilitasPendukung"("B");
+
+-- CreateIndex
+CREATE INDEX "_FasilitasKesehatanToProsedurPendaftaran_B_index" ON "_FasilitasKesehatanToProsedurPendaftaran"("B");
+
+-- CreateIndex
+CREATE INDEX "_DokterdanTenagaMedisToFasilitasKesehatan_B_index" ON "_DokterdanTenagaMedisToFasilitasKesehatan"("B");
+
+-- AddForeignKey
+ALTER TABLE "AppMenuChild" ADD CONSTRAINT "AppMenuChild_appMenuId_fkey" FOREIGN KEY ("appMenuId") REFERENCES "AppMenu"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Berita" ADD CONSTRAINT "Berita_katagoryBeritaId_fkey" FOREIGN KEY ("katagoryBeritaId") REFERENCES "KatagoryBerita"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Pengumuman" ADD CONSTRAINT "Pengumuman_categoryPengumumanId_fkey" FOREIGN KEY ("categoryPengumumanId") REFERENCES "CategoryPengumuman"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "GalleryFoto" ADD CONSTRAINT "GalleryFoto_imagesId_fkey" FOREIGN KEY ("imagesId") REFERENCES "Images"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "GalleryVideo" ADD CONSTRAINT "GalleryVideo_videosId_fkey" FOREIGN KEY ("videosId") REFERENCES "Videos"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "InformasiUmum" ADD CONSTRAINT "InformasiUmum_fasilitasKesehatanId_fkey" FOREIGN KEY ("fasilitasKesehatanId") REFERENCES "FasilitasKesehatan"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_FasilitasKesehatanToLayananUnggulan" ADD CONSTRAINT "_FasilitasKesehatanToLayananUnggulan_A_fkey" FOREIGN KEY ("A") REFERENCES "FasilitasKesehatan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_FasilitasKesehatanToLayananUnggulan" ADD CONSTRAINT "_FasilitasKesehatanToLayananUnggulan_B_fkey" FOREIGN KEY ("B") REFERENCES "LayananUnggulan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_FasilitasKesehatanToFasilitasPendukung" ADD CONSTRAINT "_FasilitasKesehatanToFasilitasPendukung_A_fkey" FOREIGN KEY ("A") REFERENCES "FasilitasKesehatan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_FasilitasKesehatanToFasilitasPendukung" ADD CONSTRAINT "_FasilitasKesehatanToFasilitasPendukung_B_fkey" FOREIGN KEY ("B") REFERENCES "FasilitasPendukung"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_FasilitasKesehatanToProsedurPendaftaran" ADD CONSTRAINT "_FasilitasKesehatanToProsedurPendaftaran_A_fkey" FOREIGN KEY ("A") REFERENCES "FasilitasKesehatan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_FasilitasKesehatanToProsedurPendaftaran" ADD CONSTRAINT "_FasilitasKesehatanToProsedurPendaftaran_B_fkey" FOREIGN KEY ("B") REFERENCES "ProsedurPendaftaran"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_DokterdanTenagaMedisToFasilitasKesehatan" ADD CONSTRAINT "_DokterdanTenagaMedisToFasilitasKesehatan_A_fkey" FOREIGN KEY ("A") REFERENCES "DokterdanTenagaMedis"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "_DokterdanTenagaMedisToFasilitasKesehatan" ADD CONSTRAINT "_DokterdanTenagaMedisToFasilitasKesehatan_B_fkey" FOREIGN KEY ("B") REFERENCES "FasilitasKesehatan"("id") ON DELETE CASCADE ON UPDATE CASCADE;
--- a/prisma/migrations/migration_lock.toml
+++ b/prisma/migrations/migration_lock.toml
@@ -0,0 +1,3 @@
+# Please do not edit this file manually
+# It should be added in your version-control system (e.g., Git)
+provider = "postgresql"
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -18,7 +18,308 @@ model Potensi {
 }

 model LandingPage_Layanan {
-  id   String @id @default(cuid())
-  deksripsi String 
+  id        String @id @default(cuid())
+  deksripsi String
 }

+// ========================================= APPMENU ========================================= //
+model AppMenu {
+  id           String         @id @default(cuid())
+  name         String         @unique
+  link         String
+  createdAt    DateTime       @default(now())
+  updatedAt    DateTime       @updatedAt
+  deletedAt    DateTime       @default(now())
+  isActive     Boolean        @default(true)
+  AppMenuChild AppMenuChild[]
+}
+
+// ========================================= APPMENUCHILD ========================================= //
+model AppMenuChild {
+  id        String   @id @default(cuid())
+  name      String   @unique
+  link      String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+  AppMenu   AppMenu? @relation(fields: [appMenuId], references: [id])
+  appMenuId String?
+}
+
+// ========================================= MENU DESA ========================================= //
+// ========================================= BERITA ========================================= //
+model Berita {
+  id               String          @id @default(cuid())
+  judul            String
+  deskripsi        String
+  image            String
+  content          String          @db.Text
+  createdAt        DateTime        @default(now())
+  updatedAt        DateTime        @updatedAt
+  deletedAt        DateTime        @default(now())
+  isActive         Boolean         @default(true)
+  KatagoryBerita   KatagoryBerita? @relation(fields: [katagoryBeritaId], references: [id])
+  katagoryBeritaId String?
+}
+
+model KatagoryBerita {
+  id        String   @id @default(cuid())
+  name      String   @unique
+  beritas   Berita[]
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+// ========================================= PENGUMUMAN ========================================= //
+model Pengumuman {
+  id                   String              @id @default(cuid())
+  judul                String
+  deskripsi            String
+  content              String              @db.Text
+  createdAt            DateTime            @default(now())
+  updatedAt            DateTime            @updatedAt
+  deletedAt            DateTime            @default(now())
+  isActive             Boolean             @default(true)
+  CategoryPengumuman   CategoryPengumuman? @relation(fields: [categoryPengumumanId], references: [id])
+  categoryPengumumanId String?
+}
+
+model CategoryPengumuman {
+  id          String       @id @default(cuid())
+  name        String       @unique
+  pengumumans Pengumuman[]
+  createdAt   DateTime     @default(now())
+  updatedAt   DateTime     @updatedAt
+  deletedAt   DateTime     @default(now())
+  isActive    Boolean      @default(true)
+}
+
+// ========================================= IMAGES ========================================= //
+model Images {
+  id          String        @id @default(cuid())
+  url         String
+  label       String        @default("null")
+  active      Boolean       @default(true)
+  createdAt   DateTime      @default(now())
+  updatedAt   DateTime      @updatedAt
+  GalleryFoto GalleryFoto[]
+}
+
+// ========================================= VIDEOS ========================================= //
+model Videos {
+  id           String         @id @default(cuid())
+  url          String
+  label        String         @default("null")
+  active       Boolean        @default(true)
+  createdAt    DateTime       @default(now())
+  updatedAt    DateTime       @updatedAt
+  GalleryVideo GalleryVideo[]
+}
+
+// ========================================= GALLERY ========================================= //
+model GalleryFoto {
+  id               String   @id @default(cuid())
+  name             String
+  image            String
+  createdAt        DateTime @default(now())
+  updatedAt        DateTime @updatedAt
+  deletedAt        DateTime @default(now())
+  isActive         Boolean  @default(true)
+  imagesId         String?  @unique
+  imageGalleryFoto Images?  @relation(fields: [imagesId], references: [id])
+}
+
+model GalleryVideo {
+  id                 String   @id @default(cuid())
+  name               String
+  video              String
+  createdAt          DateTime @default(now())
+  updatedAt          DateTime @updatedAt
+  deletedAt          DateTime @default(now())
+  isActive           Boolean  @default(true)
+  videosId           String?  @unique
+  videosGalleryVideo Videos?  @relation(fields: [videosId], references: [id])
+}
+
+// ========================================= MENU KESEHATAN ========================================= //
+// ========================================= DATA KESEHATAN WARGA ========================================= //
+
+// ========================================= FASILITAS KESEHATAN ========================================= //
+model FasilitasKesehatan {
+  id                   String                 @id @default(cuid())
+  name                 String
+  createdAt            DateTime               @default(now())
+  updatedAt            DateTime               @updatedAt
+  deletedAt            DateTime               @default(now())
+  isActive             Boolean                @default(true)
+  InformasiUmum        InformasiUmum[]
+  LayananUnggulan      LayananUnggulan[]
+  DokterdanTenagaMedis DokterdanTenagaMedis[]
+  FasilitasPendukung   FasilitasPendukung[]
+  ProsedurPendaftaran  ProsedurPendaftaran[]
+  TarifDanLayanan      TarifDanLayanan[]
+}
+
+model InformasiUmum {
+  id                 String               @id @default(cuid())
+  fasilitas          String
+  alamat             String
+  jamOperasional     String
+  FasilitasKesehatan FasilitasKesehatan[]
+  createdAt          DateTime             @default(now())
+  updatedAt          DateTime             @updatedAt
+  deletedAt          DateTime             @default(now())
+  isActive           Boolean              @default(true)
+}
+
+model LayananUnggulan {
+  id                 String               @id @default(cuid())
+  content            String
+  createdAt          DateTime             @default(now())
+  updatedAt          DateTime             @updatedAt
+  deletedAt          DateTime             @default(now())
+  isActive           Boolean              @default(true)
+  FasilitasKesehatan FasilitasKesehatan[]
+}
+
+model DokterdanTenagaMedis {
+  id                 String               @id @default(cuid())
+  name               String
+  specialist         String
+  jadwal             String
+  createdAt          DateTime             @default(now())
+  updatedAt          DateTime             @updatedAt
+  deletedAt          DateTime             @default(now())
+  isActive           Boolean              @default(true)
+  FasilitasKesehatan FasilitasKesehatan[]
+}
+
+model FasilitasPendukung {
+  id                 String               @id @default(cuid())
+  content            String
+  createdAt          DateTime             @default(now())
+  updatedAt          DateTime             @updatedAt
+  deletedAt          DateTime             @default(now())
+  isActive           Boolean              @default(true)
+  FasilitasKesehatan FasilitasKesehatan[]
+}
+
+model ProsedurPendaftaran {
+  id                 String               @id @default(cuid())
+  content            String
+  createdAt          DateTime             @default(now())
+  updatedAt          DateTime             @updatedAt
+  deletedAt          DateTime             @default(now())
+  isActive           Boolean              @default(true)
+  FasilitasKesehatan FasilitasKesehatan[]
+}
+
+model TarifDanLayanan {
+  id                 String               @id @default(cuid())
+  layanan            String
+  tarif              String
+  createdAt          DateTime             @default(now())
+  updatedAt          DateTime             @updatedAt
+  deletedAt          DateTime             @default(now())
+  isActive           Boolean              @default(true)
+  FasilitasKesehatan FasilitasKesehatan[]
+}
+
+// ========================================= JADWAL KEGIATAN ========================================= //
+model JadwalKegiatan {
+  id        String   @id @default(cuid())
+  content   String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+model InformasiJadwalKegiatan {
+  id        String   @id @default(cuid())
+  name      String
+  tanggal   String
+  waktu     String
+  lokasi    String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+model DeskripsiJadwalKegiatan {
+  id        String   @id @default(cuid())
+  deskripsi String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+model LayananJadwalKegiatan {
+  id        String   @id @default(cuid())
+  content   String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+model SyaratKetentuanJadwalKegiatan {
+  id        String   @id @default(cuid())
+  content   String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+model DokumenJadwalKegiatan {
+  id        String   @id @default(cuid())
+  content   String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
+
+model PendaftaranJadwalKegiatan {
+  id           String   @id @default(cuid())
+  name         String
+  tanggal      String
+  namaOrangtua String
+  nomor        String
+  alamat       String
+  catatan      String
+  createdAt    DateTime @default(now())
+  updatedAt    DateTime @updatedAt
+  deletedAt    DateTime @default(now())
+  isActive     Boolean  @default(true)
+}
+
+// ========================================= PERSENTASE KELAHIRAN & KEMATIAN ========================================= //
+model DataKematian_Kelahiran {
+  id             Int      @id @default(autoincrement())
+  tahun          String
+  kematianKasar  String
+  kematianBayi   String
+  kelahiranKasar String
+  createdAt      DateTime @default(now())
+  updatedAt      DateTime @updatedAt
+  deletedAt      DateTime @default(now())
+  isActive       Boolean  @default(true)
+}
+
+// ========================================= GRAFIK KEPUASAN ========================================= //
+model GrafikKepuasan {
+  id        Int      @id @default(autoincrement())
+  label     String
+  jumlah    String
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  deletedAt DateTime @default(now())
+  isActive  Boolean  @default(true)
+}
--- a/prisma/seed.ts
+++ b/prisma/seed.ts
@@ -1,7 +1,9 @@
 import layanan from './data/list-layanan.json'
 import potensi from './data/list-potensi.json'
+import katagoryBerita from './data/katagory-berita.json'
+import categoryPengumuman from './data/category-pengumuman.json'
 import prisma from '@/lib/prisma';
-; (async () => {
+(async () => {
    for (const l of layanan) {
        await prisma.layanan.upsert({
            where: {
@@ -34,21 +36,37 @@ import prisma from '@/lib/prisma';

    console.log("potensi success ...")

-    // for (const lpl of ) {
-    //     await prisma.landingPage_Layanan.upsert({
-    //         where: {
-    //             id: lpl.id
-    //         },
-    //         update: {
-    //             deksripsi: lpl.deksripsi
-    //         },
-    //         create: {
-    //             deksripsi: lpl.deksripsi
-    //         }
-    //     })
-    // }
+    for (const k of katagoryBerita) {
+        await prisma.katagoryBerita.upsert({
+            where: {
+                name: k.name
+            },
+            update: {
+                name: k.name
+            },
+            create: {
+                name: k.name
+            }
+        })
+    }

-    // console.log("landing page success ...")
+    console.log("katagory berita success ...")
+
+    for (const c of categoryPengumuman) {
+        await prisma.categoryPengumuman.upsert({
+            where: {
+                name: c.name
+            },
+            update: {
+                name: c.name
+            },
+            create: {
+                name: c.name
+            }
+        })
+    }
+
+    console.log("category pengumuman success ...")
 })().then(() => prisma.$disconnect()).catch((e) => {
    console.error(e)
    prisma.$disconnect()
--- a/src/app/admin/(dashboard)/_state/desa/berita.ts
+++ b/src/app/admin/(dashboard)/_state/desa/berita.ts
@@ -0,0 +1,90 @@
+/* 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 templateForm = z.object({
+  judul: z.string().min(3, "Judul minimal 3 karakter"),
+  deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+  image: z.string().url().min(3, "Image minimal 3 karakter"),
+  content: z.string().min(3, "Content minimal 3 karakter"),
+  katagoryBeritaId: z.string().nonempty(),
+});
+
+const category = proxy({
+  findMany: {
+    data: null as
+      | null
+      | Prisma.KatagoryBeritaGetPayload<{ omit: { isActive: true } }>[],
+    async load() {
+      const res = await ApiFetch.api.desa.berita.category["find-many"].get();
+      if (res.status === 200) {
+        category.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+
+type BeritaForm = Prisma.BeritaGetPayload<{
+  select: {
+    judul: true;
+    deskripsi: true;
+    image: true;
+    content: true;
+    katagoryBeritaId: true;
+  };
+}>;
+
+const berita = proxy({
+  create: {
+    form: {} as BeritaForm,
+    loading: false,
+    async create() {
+      berita.create.form.image =
+        "https://www.shutterstock.com/image-vector/lower-news-live-streaming-breaking-600nw-2535984111.jpg";
+      const cek = templateForm.safeParse(berita.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        berita.create.loading = true;
+        const res = await ApiFetch.api.desa.berita["create"].post(
+          berita.create.form
+        );
+        if (res.status === 200) {
+          berita.findMany.load();
+          return toast.success("succes create");
+        }
+
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        berita.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.BeritaGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.desa.berita["find-many"].get();
+      if (res.status === 200) {
+        berita.findMany.data = (res.data?.data as any) ?? [];
+      }
+    },
+  },
+});
+
+const stateDashboardBerita = proxy({
+  category,
+  berita,
+});
+
+export default stateDashboardBerita;
--- a/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
+++ b/src/app/admin/(dashboard)/_state/desa/pengumuman.ts
@@ -0,0 +1,83 @@
+/* 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 templateFormPengumuman = z.object({
+    judul: z.string().min(3, "Judul minimal 3 karakter"),
+    deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
+    content: z.string().min(3, "Content minimal 3 karakter"),
+    categoryPengumumanId: z.string().nonempty(),
+})
+
+const category = proxy ({
+    findMany: {
+        data: null as
+          | null
+          | Prisma.CategoryPengumumanGetPayload<{ omit: { isActive: true } }>[],
+          async load() {
+            const res = await ApiFetch.api.desa.pengumuman.category["find-many"].get();
+            if (res.status === 200) {
+                category.findMany.data = res.data?.data as any ?? [];
+            }
+          }
+    }
+})
+
+type PengumumanForm = Prisma.PengumumanGetPayload<{
+    select: {
+        judul: true;
+        deskripsi: true;
+        content: true;
+        categoryPengumumanId: true;
+    }
+}>
+const pengumuman = proxy({
+create: {
+    form: {} as PengumumanForm,
+    loading: false,
+    async create() {
+       const cek = templateFormPengumuman.safeParse(pengumuman.create.form);
+       if (!cek.success) {
+        const err = `[${cek.error.issues
+        .map((v) => `${v.path.join(".")}`)
+        .join("\n")}] required`;
+        return toast.error(err);
+       }
+       try {
+        pengumuman.create.loading = true;
+        const res = await ApiFetch.api.desa.pengumuman["create"].post(pengumuman.create.form)
+        if (res.status === 200) {
+            pengumuman.findMany.load();
+            return toast.success("success create");
+        }
+        console.log(res)
+        return toast.error("failed create");
+       } catch (error) {
+        console.log((error as Error).message);
+       } finally{
+        pengumuman.create.loading = false;
+       }
+    }
+},
+findMany: {
+    data: null as
+    | Prisma.PengumumanGetPayload<{omit: {isActive: true}}>[]
+    | null,
+    async load () {
+        const res = await ApiFetch.api.desa.pengumuman["find-many"].get();
+        console.log(res)
+        if (res.status === 200) {
+            pengumuman.findMany.data = res.data?.data ?? [];
+        }
+    }
+}
+})
+
+const stateDesaPengumuman = proxy({
+    category,
+    pengumuman
+})
+export default stateDesaPengumuman
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan.ts
@@ -0,0 +1,333 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+/* Informasi Umum */
+const templateInformasiUmum = z.object({
+  fasilitas: z.string().min(3, "Fasilitas minimal 3 karakter"),
+  alamat: z.string().min(3, "Alamat minimal 3 karakter"),
+  jamOperasional: z.string().min(3, "Jam Operasional minimal 3 karakter"),
+});
+
+type InfromasiUmum = Prisma.InformasiUmumGetPayload<{
+  select: {
+    fasilitas: true;
+    alamat: true;
+    jamOperasional: true;
+  };
+}>;
+
+const informasiumum = proxy({
+  create: {
+    form: {} as InfromasiUmum,
+    loading: false,
+    async create() {
+      const cek = templateInformasiUmum.safeParse(informasiumum.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        informasiumum.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.informasiumum["create"].post(
+          informasiumum.create.form
+        );
+        if (res.status === 200) {
+            informasiumum.findMany.load();
+            return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        informasiumum.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.InformasiUmumGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.
+      informasiumum["find-many"].get();
+      if (res.status === 200) {
+        informasiumum.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+/* ======================================================================= */
+
+/* Layanan Unggulan */
+const templateLayananUnggulanForm = z.object({
+  content: z.string().min(3, "Content minimal 3 karakter"),
+});
+
+type LayananUnggulan = Prisma.LayananUnggulanGetPayload<{
+  select: {
+    content: true;
+  };
+}>;
+
+const layananunggulan = proxy({
+  create: {
+    form: {} as LayananUnggulan,
+    loading: false,
+    async create() {
+      const cek = templateLayananUnggulanForm.safeParse(layananunggulan.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        layananunggulan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.layananunggulan["create"].post(
+          layananunggulan.create.form
+        );
+        if (res.status === 200) {
+          layananunggulan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        layananunggulan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.LayananUnggulanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.
+      layananunggulan["find-many"].get();
+      if (res.status === 200) {
+        layananunggulan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+})
+/* ======================================================================= */  
+
+/* Dokter dan Tenaga Medis */
+const templateDokterdanTenagaMedis = z.object({
+  name: z.string().min(3, "Name minimal 3 karakter"),
+  specialist: z.string().min(3, "Specialist minimal 3 karakter"),
+  jadwal: z.string().min(3, "Jadwal minimal 3 karakter"),
+})
+
+type DokterdanTenagaMedis = Prisma.DokterdanTenagaMedisGetPayload<{
+  select: {
+    name: true;
+    specialist: true;
+    jadwal: true;
+  };
+}>;
+
+const dokterdantenagamedis = proxy({
+  create: {
+    form: {} as DokterdanTenagaMedis,
+    loading: false,
+    async create() {
+      const cek = templateDokterdanTenagaMedis.safeParse(dokterdantenagamedis.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        dokterdantenagamedis.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.dokterdantenagamedis["create"].post(dokterdantenagamedis.create.form);
+        if (res.status === 200) {
+          dokterdantenagamedis.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        dokterdantenagamedis.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.DokterdanTenagaMedisGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.dokterdantenagamedis["find-many"].get();
+      if (res.status === 200) {
+        dokterdantenagamedis.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+})
+/* ======================================================================= */  
+
+/* Fasilitas Pendukung */
+const templateFasilitasPendukung = z.object({
+  content: z.string().min(3, "Content minimal 3 karakter"),
+})
+
+type FasilitasPendukung = Prisma.FasilitasPendukungGetPayload<{
+  select: {
+    content: true;
+  };
+}>;
+
+const fasilitaspendukung = proxy({
+  create: {
+    form: {} as FasilitasPendukung,
+    loading: false,
+    async create() {
+      const cek = templateFasilitasPendukung.safeParse(fasilitaspendukung.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        fasilitaspendukung.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.fasilitaspendukung["create"].post(fasilitaspendukung.create.form);
+        if (res.status === 200) {
+          fasilitaspendukung.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        fasilitaspendukung.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.FasilitasPendukungGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.
+      fasilitaspendukung["find-many"].get();
+      if (res.status === 200) {
+        fasilitaspendukung.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+})
+/* ======================================================================= */  
+
+/* Tarif dan Layanan */
+const templateTarifDanLayanan = z.object({
+  layanan: z.string().min(3, "Layanan minimal 3 karakter"),
+  tarif: z.string().min(3, "Tarif minimal 3 karakter"),
+})
+
+const tarifdanlayanan = proxy({
+  create: {
+    form: {} as Prisma.TarifDanLayananGetPayload<{ select: { layanan: true; tarif: true } }>,
+    loading: false,
+    async create() {
+      const cek = templateTarifDanLayanan.safeParse(tarifdanlayanan.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        tarifdanlayanan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.tarifdanlayanan["create"].post(tarifdanlayanan.create.form);
+        if (res.status === 200) {
+          tarifdanlayanan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        tarifdanlayanan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.TarifDanLayananGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.
+      tarifdanlayanan["find-many"].get();
+      if (res.status === 200) {
+        tarifdanlayanan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+})
+/* ======================================================================= */  
+
+/* Prosedur Pendaftaran */
+const templateProsedurPendaftaran = z.object({
+  content: z.string().min(3, "Content minimal 3 karakter"),
+})
+
+const prosedurpendaftaran = proxy({
+  create: {
+    form: {} as Prisma.ProsedurPendaftaranGetPayload<{ select: { content: true } }>,
+    loading: false,
+    async create() {
+      const cek = templateProsedurPendaftaran.safeParse(prosedurpendaftaran.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        prosedurpendaftaran.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.prosedurpendaftaran["create"].post(prosedurpendaftaran.create.form);
+        if (res.status === 200) {
+          prosedurpendaftaran.findMany.load();
+          return toast.success("success create"); 
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        prosedurpendaftaran.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.ProsedurPendaftaranGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.
+      prosedurpendaftaran["find-many"].get();
+      if (res.status === 200) {
+        prosedurpendaftaran.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+})
+
+const stateFasilitasKesehatan = proxy({
+  informasiumum,
+  layananunggulan,
+  dokterdantenagamedis,
+  fasilitaspendukung,
+  tarifdanlayanan,
+  prosedurpendaftaran
+})
+
+export default stateFasilitasKesehatan
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan.ts
@@ -0,0 +1,76 @@
+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 templateGrafikKepuasan = z.object({
+  label: z.string().min(2, "Label harus diisi"),
+  jumlah: z.string().min(2, "Jumlah harus diisi"),
+});
+
+type GrafikKepuasan = Prisma.GrafikKepuasanGetPayload<{
+  select: {
+    label: true;
+    jumlah: true;
+  };
+}>;
+
+const defaultForm: GrafikKepuasan = {
+  label: "",
+  jumlah: ""
+};
+
+const grafikkepuasan = proxy({
+  create: {
+    form: defaultForm,
+    loading: false,
+    async create() {
+      const cek = templateGrafikKepuasan.safeParse(grafikkepuasan.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        grafikkepuasan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.grafikkepuasan["create"].post(
+          grafikkepuasan.create.form
+        );
+        if (res.status === 200) {
+          grafikkepuasan.create.form = {
+            label: "",
+            jumlah: ""
+          };
+          grafikkepuasan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        grafikkepuasan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.GrafikKepuasanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.grafikkepuasan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        grafikkepuasan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+
+const stategrafikKepuasan = proxy({
+  grafikkepuasan,
+});
+
+export default stategrafikKepuasan;
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan.ts
@@ -0,0 +1,366 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+/* Informasi Kegiatan */
+const templateInformasiKegiatan = z.object({
+  name: z.string().min(3, "Name minimal 3 karakter"),
+  tanggal: z.string().min(3, "Tanggal minimal 3 karakter"),
+  waktu: z.string().min(3, "Waktu minimal 3 karakter"),
+  lokasi: z.string().min(3, "Lokasi minimal 3 karakter"),
+});
+
+type InformasiKegiatan = Prisma.InformasiJadwalKegiatanGetPayload<{
+  select: {
+    name: true;
+    tanggal: true;
+    waktu: true;
+    lokasi: true;
+  };
+}>;
+
+const informasiKegiatan = proxy({
+  create: {
+    form: {} as InformasiKegiatan,
+    loading: false,
+    async create() {
+      const cek = templateInformasiKegiatan.safeParse(
+        informasiKegiatan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        informasiKegiatan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.informasiJadwalKegiatan[
+          "create"
+        ].post(informasiKegiatan.create.form);
+        if (res.status === 200) {
+          informasiKegiatan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        informasiKegiatan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.InformasiJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.informasiJadwalKegiatan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        informasiKegiatan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+/* ======================================================================= */
+
+/* Deskripsi Kegiatan */
+const templateDeskripsiKegiatan = z.object({
+  deskripsi: z.string().min(3, "Content minimal 3 karakter"),
+});
+
+type DeskripsiKegiatan = Prisma.DeskripsiJadwalKegiatanGetPayload<{
+  select: { deskripsi: true };
+}>;
+
+const deskripsiKegiatan = proxy({
+  create: {
+    form: {} as DeskripsiKegiatan,
+    loading: false,
+    async create() {
+      const cek = templateDeskripsiKegiatan.safeParse(
+        deskripsiKegiatan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        deskripsiKegiatan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.deskripsikegiatan[
+          "create"
+        ].post(deskripsiKegiatan.create.form);
+        if (res.status === 200) {
+          deskripsiKegiatan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        deskripsiKegiatan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.DeskripsiJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.deskripsikegiatan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        deskripsiKegiatan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+/* ======================================================================= */
+
+/* Layanan Tersedia */
+const templateLayananTersedia = z.object({
+  content: z.string().min(3, "Content minimal 3 karakter"),
+});
+
+type LayananTersedia = Prisma.LayananJadwalKegiatanGetPayload<{
+  select: { content: true };
+}>;
+
+const layanantersedia = proxy({
+  create: {
+    form: {} as LayananTersedia,
+    loading: false,
+    async create() {
+      const cek = templateLayananTersedia.safeParse(
+        layanantersedia.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        layanantersedia.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.layanantersedia["create"].post(
+          layanantersedia.create.form
+        );
+        if (res.status === 200) {
+          layanantersedia.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        layanantersedia.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.LayananJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.layanantersedia[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        layanantersedia.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+/* ======================================================================= */
+
+/* Syarat dan Ketentuan */
+const templateSyaratKetentuan = z.object({
+  content: z.string().min(3, "Content minimal 3 karakter"),
+});
+
+type SyaratKetentuan = Prisma.SyaratKetentuanJadwalKegiatanGetPayload<{
+  select: { content: true };
+}>;
+
+const syaratketentuan = proxy({
+  create: {
+    form: {} as SyaratKetentuan,
+    loading: false,
+    async create() {
+      const cek = templateSyaratKetentuan.safeParse(
+       syaratketentuan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+       syaratketentuan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.syaratketentuan[
+          "create"
+        ].post(syaratketentuan.create.form);
+        if (res.status === 200) {
+         syaratketentuan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+       syaratketentuan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.SyaratKetentuanJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.syaratketentuan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        syaratketentuan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+/* ======================================================================= */
+
+/* Dokumen Yang Diperlukan */
+const templateDokumenDiperlukan = z.object({
+  content: z.string().min(3, "Content minimal 3 karakter"),
+});
+
+type DokumenDiperlukan = Prisma.DokumenJadwalKegiatanGetPayload<{
+  select: { content: true };
+}>;
+
+const dokumenjadwalkegiatan = proxy({
+  create: {
+    form: {} as DokumenDiperlukan,
+    loading: false,
+    async create() {
+      const cek = templateDokumenDiperlukan.safeParse(
+        dokumenjadwalkegiatan.create.form
+      );
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        dokumenjadwalkegiatan.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.dokumendiperlukan[
+          "create"
+        ].post(dokumenjadwalkegiatan.create.form);
+        if (res.status === 200) {
+          dokumenjadwalkegiatan.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        dokumenjadwalkegiatan.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.DokumenJadwalKegiatanGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.dokumendiperlukan[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        dokumenjadwalkegiatan.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+/* ======================================================================= */
+
+/* Pendaftaran */
+const templatePendaftaran = z.object({
+  name: z.string().min(3, "Nama minimal 3 karakter"),
+  tanggal: z.string().min(1),
+  namaOrangtua: z.string().min(3, "Nama minimal 3 karakter"),
+  nomor: z.string().min(9, "Nama minimal 9 karakter"),
+  alamat: z.string().min(7, "Alamat minimal 7 karakter"),
+  catatan: z.string().min(3, "Catatan minimal 3 karakter"),
+})
+
+type Pendaftaran = Prisma.PendaftaranJadwalKegiatanGetPayload<{
+  select: {
+    name: true;
+    tanggal: true;
+    namaOrangtua: true;
+    nomor: true;
+    alamat: true;
+    catatan: true;
+  }
+}>
+
+const pendaftaranjadwal = proxy({
+  create: {
+    form: {} as Pendaftaran,
+    loading: false,
+    async create() {
+      const cek = templatePendaftaran.safeParse(pendaftaranjadwal.create.form);
+      if(!cek.success) {
+        const err = `[${cek.error.issues
+        .map((v) => `${v.path.join(".")}`)
+        .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        pendaftaranjadwal.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.pendaftaranJadwalKegiatan["create"].post(
+          pendaftaranjadwal.create.form);
+          if (res.status === 200) {
+            pendaftaranjadwal.findMany.load();
+            return toast.success("success create")
+          }
+          return toast.error("failed create")
+      } catch (error) {
+        console.log((error as Error).message)
+      } finally {
+        pendaftaranjadwal.create.loading = false;
+      }
+    }
+  },
+  findMany: {
+    data: null as
+    | Prisma.PendaftaranJadwalKegiatanGetPayload<{omit: {isActive: true}}>[]
+    | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.
+      pendaftaranJadwalKegiatan["find-many"].get();
+      if(res.status === 200) {
+        pendaftaranjadwal.findMany.data = res.data?.data ?? [];
+      }
+    }
+  }
+})
+
+const stateJadwalKegiatan = proxy({
+  informasiKegiatan,
+  deskripsiKegiatan,
+  layanantersedia,
+  syaratketentuan,
+  dokumenjadwalkegiatan,
+  pendaftaranjadwal
+});
+export default stateJadwalKegiatan;
--- a/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts
+++ b/src/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran.ts
@@ -0,0 +1,84 @@
+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 templatePersentase = z.object({
+  tahun: z.string().min(4, "Tahun harus diisi"),
+  kematianKasar: z.string().min(2, "Kematian kasar harus diisi"),
+  kelahiranKasar: z.string().min(2, "Kelahiran kasar harus diisi"),
+  kematianBayi: z.string().min(2, "Kematian bayi harus diisi"),
+});
+
+type Persentase = Prisma.DataKematian_KelahiranGetPayload<{
+  select: {
+    tahun: true;
+    kematianKasar: true;
+    kelahiranKasar: true;
+    kematianBayi: true;
+  };
+}>;
+
+const defaultForm: Persentase = {
+  tahun: "",
+  kematianKasar: "",
+  kelahiranKasar: "",
+  kematianBayi: "",
+};
+
+const persentasekelahiran = proxy({
+  create: {
+    form: defaultForm,
+    loading: false,
+    async create() {
+      const cek = templatePersentase.safeParse(persentasekelahiran.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        persentasekelahiran.create.loading = true;
+        const res = await ApiFetch.api.kesehatan.persentasekelahiran[
+          "create"
+        ].post(persentasekelahiran.create.form);
+        if (res.status === 200) {
+          persentasekelahiran.create.form = {
+            tahun: "",
+            kematianKasar: "",
+            kelahiranKasar: "",
+            kematianBayi: "",
+          };
+          persentasekelahiran.findMany.load();
+          return toast.success("success create");
+        }
+        return toast.error("failed create");
+      } catch (error) {
+        console.log((error as Error).message);
+      } finally {
+        persentasekelahiran.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.DataKematian_KelahiranGetPayload<{ omit: { isActive: true } }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.kesehatan.persentasekelahiran[
+        "find-many"
+      ].get();
+      if (res.status === 200) {
+        persentasekelahiran.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+});
+
+const statePersentase = proxy({
+  persentasekelahiran,
+});
+
+export default statePersentase;
--- a/src/app/admin/(dashboard)/desa/berita/_com/BeritaEditor.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/_com/BeritaEditor.tsx
@@ -0,0 +1,85 @@
+'use client'
+import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import Highlight from '@tiptap/extension-highlight';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextAlign from '@tiptap/extension-text-align';
+import Superscript from '@tiptap/extension-superscript';
+import SubScript from '@tiptap/extension-subscript';
+import { Button, Stack } from '@mantine/core';
+
+const content =
+  '<h2 style="text-align: center;">Welcome to Mantine rich text editor</h2><p><code>RichTextEditor</code> component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. <code>RichTextEditor</code> is based on <a href="https://tiptap.dev/" rel="noopener noreferrer" target="_blank">Tiptap.dev</a> and supports all of its features:</p><ul><li>General text formatting: <strong>bold</strong>, <em>italic</em>, <u>underline</u>, <s>strike-through</s> </li><li>Headings (h1-h6)</li><li>Sub and super scripts (<sup>&lt;sup /&gt;</sup> and <sub>&lt;sub /&gt;</sub> tags)</li><li>Ordered and bullet lists</li><li>Text align&nbsp;</li><li>And all <a href="https://tiptap.dev/extensions" target="_blank" rel="noopener noreferrer">other extensions</a></li></ul>';
+
+export function BeritaEditor({ onSubmit }: { onSubmit: (val: string) => void }) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link,
+      Superscript,
+      SubScript,
+      Highlight,
+      TextAlign.configure({ types: ['heading', 'paragraph'] }),
+    ],
+    content,
+  });
+
+  return (
+    <Stack>
+      <RichTextEditor editor={editor}>
+        <RichTextEditor.Toolbar sticky stickyOffset={60}>
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Bold />
+            <RichTextEditor.Italic />
+            <RichTextEditor.Underline />
+            <RichTextEditor.Strikethrough />
+            <RichTextEditor.ClearFormatting />
+            <RichTextEditor.Highlight />
+            <RichTextEditor.Code />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.H1 />
+            <RichTextEditor.H2 />
+            <RichTextEditor.H3 />
+            <RichTextEditor.H4 />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Blockquote />
+            <RichTextEditor.Hr />
+            <RichTextEditor.BulletList />
+            <RichTextEditor.OrderedList />
+            <RichTextEditor.Subscript />
+            <RichTextEditor.Superscript />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Link />
+            <RichTextEditor.Unlink />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.AlignLeft />
+            <RichTextEditor.AlignCenter />
+            <RichTextEditor.AlignJustify />
+            <RichTextEditor.AlignRight />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Undo />
+            <RichTextEditor.Redo />
+          </RichTextEditor.ControlsGroup>
+        </RichTextEditor.Toolbar>
+
+        <RichTextEditor.Content />
+      </RichTextEditor>
+      <Button onClick={() => {
+        if (!editor) return
+        onSubmit(editor?.getHTML())
+      }}>Submit</Button>
+    </Stack>
+  );
+}
--- a/src/app/admin/(dashboard)/desa/berita/page.tsx
+++ b/src/app/admin/(dashboard)/desa/berita/page.tsx
@@ -1,11 +1,88 @@
-import React from 'react';
+'use client'
+import { Center, Group, Select, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { Prisma } from '@prisma/client';
+import { IconImageInPicture } from '@tabler/icons-react';
+import { useProxy } from 'valtio/utils';
+import stateDashboardBerita from '../../_state/desa/berita';
+import { BeritaEditor } from './_com/BeritaEditor';

 function Page() {
  return (
-    <div>
-      Berita
-    </div>
+    <Stack>
+      <SimpleGrid cols={2}>
+        <BeritaList />
+        <BeritaCreate />
+      </SimpleGrid>
+    </Stack>
  );
 }

+function BeritaList() {
+  const beritaState = useProxy(stateDashboardBerita)
+  useShallowEffect(() => {
+    beritaState.berita.findMany.load()
+  }, [])
+
+  if (!beritaState.berita.findMany.data) return <Stack>
+    {Array.from({ length: 10 }).map((v, k) => <Skeleton key={k} h={40} />)}
+  </Stack>
+  return <Stack>
+    <Text>News List</Text>
+    {beritaState.berita.findMany.data?.map((item) => (
+      <Text key={item.id}>{item.judul}</Text>
+    ))}
+  </Stack>
+}
+
+function BeritaCreate() {
+  const beritaState = useProxy(stateDashboardBerita)
+  return <Stack gap={"md"}>
+    <Text>Create Some News</Text>
+    <SelectCategory onChange={(val) => {
+      beritaState.berita.create.form.katagoryBeritaId = val.id
+    }} />
+    <TextInput onChange={(val) => {
+      beritaState.berita.create.form.judul = val.target.value
+    }} label={"Judul"} placeholder='masukkan judul' />
+    <TextInput onChange={(val) => {
+      beritaState.berita.create.form.deskripsi = val.target.value
+    }} label={"Deskripsi"} placeholder='masukkan deskripsi' />
+    <Center w={200} h={200} bg={"gray"}>
+      <IconImageInPicture />
+    </Center>
+    <BeritaEditor onSubmit={(val) => {
+
+      beritaState.berita.create.form.content = val
+      beritaState.berita.create.create()
+    }} />
+  </Stack>
+}
+
+function SelectCategory({ onChange }: {
+  onChange: (value: Prisma.KatagoryBeritaGetPayload<{
+    select: {
+      name: true,
+      id: true
+    }
+  }>) => void
+}) {
+  const beritaState = useProxy(stateDashboardBerita)
+  useShallowEffect(() => {
+    beritaState.category.findMany.load()
+  }, [])
+
+  if (!beritaState.category.findMany.data) return <Skeleton h={40} />
+  return <Group>
+    <Select placeholder='pilih katagori' label={"select katagori"} data={beritaState.category.findMany.data.map((item) => ({
+      value: item.id,
+      label: item.name
+    }))} onChange={(v) => {
+      const data = beritaState.category.findMany.data?.find((item) => item.id === v)
+      if (!data) return
+      onChange(data)
+    }} />
+  </Group>
+}
+
 export default Page;
--- a/src/app/admin/(dashboard)/desa/pengumuman/page.tsx
+++ b/src/app/admin/(dashboard)/desa/pengumuman/page.tsx
@@ -1,11 +1,89 @@
+'use client'
+import { Group, Select, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
 import React from 'react';
+import { useProxy } from 'valtio/utils';
+import stateDesaPengumuman from '../../_state/desa/pengumuman';
+import { useShallowEffect } from '@mantine/hooks';
+import { Prisma } from '@prisma/client';
+import { BeritaEditor } from '../berita/_com/BeritaEditor';

 function Page() {
  return (
-    <div>
-      Pengumuman
-    </div>
+    <Stack>
+      <SimpleGrid cols={{
+        base: 1, md: 2
+      }}>
+        <PengumumanList />
+        <PengumumanCreate />
+      </SimpleGrid>
+    </Stack>
  );
 }

+function PengumumanList() {
+  const pengumumanState = useProxy(stateDesaPengumuman)
+  useShallowEffect(() => {
+    pengumumanState.pengumuman.findMany.load()
+  }, [])
+
+  if (!pengumumanState.pengumuman.findMany.data) return <Stack>
+    {Array.from({ length: 10 }).map((v, k) => <Skeleton key={k} h={40} />)}
+  </Stack>
+  return <Stack>
+    <Text>Announcement List</Text>
+    {pengumumanState.pengumuman.findMany.data?.map((item) => (
+      <Text key={item.id}>{item.judul}</Text>
+    ))}
+  </Stack>;
+}
+
+function PengumumanCreate() {
+  const pengumumanState = useProxy(stateDesaPengumuman)
+
+
+  return <Stack gap={"md"}>
+    <Text>Create Some Announcement</Text>
+    <SelectCategory onChange={(val) => {
+      pengumumanState.pengumuman.create.form.categoryPengumumanId = val.id
+    }} />
+    <TextInput onChange={(val) => {
+      pengumumanState.pengumuman.create.form.judul = val.target.value
+    }} label={"Judul"} placeholder='masukkan judul' />
+    <TextInput onChange={(val) => {
+      pengumumanState.pengumuman.create.form.deskripsi = val.target.value
+    }} label={"Deskripsi"} placeholder='masukkan deskripsi' />
+    <BeritaEditor onSubmit={(val) => {
+      pengumumanState.pengumuman.create.form.content = val
+      pengumumanState.pengumuman.create.create()
+    }} />
+  </Stack>
+}
+
+function SelectCategory({ onChange }: {
+  onChange: (value: Prisma.CategoryPengumumanGetPayload<{
+    select: {
+      name: true,
+      id: true
+    }
+  }>) => void
+}) {
+  const pengumumanState = useProxy(stateDesaPengumuman)
+  useShallowEffect(() => {
+    pengumumanState.category.findMany.load()
+  }, [])
+
+  if (!pengumumanState.category.findMany.data) return <Skeleton h={40} />
+  return <Group>
+    {/* {JSON.stringify(pengumumanState.category.findMany.data)} */}
+    <Select placeholder='pilih kategori' label={"select katagori"} data={pengumumanState.category.findMany.data.map((item) => ({
+      value: item.id,
+      label: item.name
+    }))} onChange={(v) => {
+      const data = pengumumanState.category.findMany.data?.find((item) => item.id === v)
+      if (!data) return
+      onChange(data)
+    }}
+    />
+  </Group>
+}
 export default Page;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_com/TextEditor.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_com/TextEditor.tsx
@@ -0,0 +1,80 @@
+'use client'
+import { RichTextEditor, Link } from '@mantine/tiptap';
+import { useEditor } from '@tiptap/react';
+import Highlight from '@tiptap/extension-highlight';
+import StarterKit from '@tiptap/starter-kit';
+import Underline from '@tiptap/extension-underline';
+import TextAlign from '@tiptap/extension-text-align';
+import Superscript from '@tiptap/extension-superscript';
+import SubScript from '@tiptap/extension-subscript';
+
+const content =
+  '<h2 style="text-align: center;">Welcome to Mantine rich text editor</h2><p><code>RichTextEditor</code> component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. <code>RichTextEditor</code> is based on <a href="https://tiptap.dev/" rel="noopener noreferrer" target="_blank">Tiptap.dev</a> and supports all of its features:</p><ul><li>General text formatting: <strong>bold</strong>, <em>italic</em>, <u>underline</u>, <s>strike-through</s> </li><li>Headings (h1-h6)</li><li>Sub and super scripts (<sup>&lt;sup /&gt;</sup> and <sub>&lt;sub /&gt;</sub> tags)</li><li>Ordered and bullet lists</li><li>Text align&nbsp;</li><li>And all <a href="https://tiptap.dev/extensions" target="_blank" rel="noopener noreferrer">other extensions</a></li></ul>';
+
+function TextEditor() {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link,
+      Superscript,
+      SubScript,
+      Highlight,
+      TextAlign.configure({ types: ['heading', 'paragraph'] }),
+    ],
+    immediatelyRender: false,
+    content,
+  });
+
+  return (
+    <RichTextEditor editor={editor}>
+      <RichTextEditor.Toolbar sticky stickyOffset={60}>
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Bold />
+          <RichTextEditor.Italic />
+          <RichTextEditor.Underline />
+          <RichTextEditor.Strikethrough />
+          <RichTextEditor.ClearFormatting />
+          <RichTextEditor.Highlight />
+          <RichTextEditor.Code />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.H1 />
+          <RichTextEditor.H2 />
+          <RichTextEditor.H3 />
+          <RichTextEditor.H4 />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Blockquote />
+          <RichTextEditor.Hr />
+          <RichTextEditor.BulletList />
+          <RichTextEditor.OrderedList />
+          <RichTextEditor.Subscript />
+          <RichTextEditor.Superscript />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Link />
+          <RichTextEditor.Unlink />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.AlignLeft />
+          <RichTextEditor.AlignCenter />
+          <RichTextEditor.AlignJustify />
+          <RichTextEditor.AlignRight />
+        </RichTextEditor.ControlsGroup>
+
+        <RichTextEditor.ControlsGroup>
+          <RichTextEditor.Undo />
+          <RichTextEditor.Redo />
+        </RichTextEditor.ControlsGroup>
+      </RichTextEditor.Toolbar>
+
+      <RichTextEditor.Content />
+    </RichTextEditor>
+  );
+}
+export default TextEditor
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_com/kesehatanEditor.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_com/kesehatanEditor.tsx
@@ -0,0 +1,94 @@
+'use client'
+import { Button, Stack } from '@mantine/core';
+import { Link, RichTextEditor } from '@mantine/tiptap';
+import Highlight from '@tiptap/extension-highlight';
+import SubScript from '@tiptap/extension-subscript';
+import Superscript from '@tiptap/extension-superscript';
+import TextAlign from '@tiptap/extension-text-align';
+import Underline from '@tiptap/extension-underline';
+import { useEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+
+const content =
+  '<h2 style="text-align: center;">Welcome to Mantine rich text editor</h2><p><code>RichTextEditor</code> component focuses on usability and is designed to be as simple as possible to bring a familiar editing experience to regular users. <code>RichTextEditor</code> is based on <a href="https://tiptap.dev/" rel="noopener noreferrer" target="_blank">Tiptap.dev</a> and supports all of its features:</p><ul><li>General text formatting: <strong>bold</strong>, <em>italic</em>, <u>underline</u>, <s>strike-through</s> </li><li>Headings (h1-h6)</li><li>Sub and super scripts (<sup>&lt;sup /&gt;</sup> and <sub>&lt;sub /&gt;</sub> tags)</li><li>Ordered and bullet lists</li><li>Text align&nbsp;</li><li>And all <a href="https://tiptap.dev/extensions" target="_blank" rel="noopener noreferrer">other extensions</a></li></ul>';
+
+export function KesehatanEditor({ onSubmit, onChange, showSubmit = true }: { 
+  onSubmit?: (val: string) => void, 
+  onChange: (val: string) => void, 
+  showSubmit?: boolean }) {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Underline,
+      Link,
+      Superscript,
+      SubScript,
+      Highlight,
+      TextAlign.configure({ types: ['heading', 'paragraph'] }),
+    ],
+    immediatelyRender: false,
+    content,
+    onUpdate : ({editor}) => {
+      onChange(editor.getHTML())
+    }
+  });
+
+  return (
+    <Stack>
+      <RichTextEditor editor={editor}>
+        <RichTextEditor.Toolbar sticky stickyOffset={60}>
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Bold />
+            <RichTextEditor.Italic />
+            <RichTextEditor.Underline />
+            <RichTextEditor.Strikethrough />
+            <RichTextEditor.ClearFormatting />
+            <RichTextEditor.Highlight />
+            <RichTextEditor.Code />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.H1 />
+            <RichTextEditor.H2 />
+            <RichTextEditor.H3 />
+            <RichTextEditor.H4 />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Blockquote />
+            <RichTextEditor.Hr />
+            <RichTextEditor.BulletList />
+            <RichTextEditor.OrderedList />
+            <RichTextEditor.Subscript />
+            <RichTextEditor.Superscript />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Link />
+            <RichTextEditor.Unlink />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.AlignLeft />
+            <RichTextEditor.AlignCenter />
+            <RichTextEditor.AlignJustify />
+            <RichTextEditor.AlignRight />
+          </RichTextEditor.ControlsGroup>
+
+          <RichTextEditor.ControlsGroup>
+            <RichTextEditor.Undo />
+            <RichTextEditor.Redo />
+          </RichTextEditor.ControlsGroup>
+        </RichTextEditor.Toolbar>
+
+        <RichTextEditor.Content />
+      </RichTextEditor>
+      {showSubmit && (
+        <Button onClick={() => {
+          if (!editor) return
+          onSubmit?.(editor?.getHTML())
+        }}>Submit</Button>
+      )}
+    </Stack>
+  );
+}
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/artikel_kesehatan/page.tsx
@@ -0,0 +1,26 @@
+import { Box, SimpleGrid, Stack, TextInput, Title } from '@mantine/core';
+import React from 'react';
+
+function ArtikelKesehatan() {
+  return (
+    <Stack py={10}>
+      <SimpleGrid cols={{
+        base: 1, md: 2
+      }}>
+        <Box>
+          <Title order={3}>Artikel Kesehatan</Title>
+          <TextInput
+            label="Jadwal"
+            placeholder='masukkan artikel kesehatan'
+          />
+        </Box>
+        <Box>
+          <Title order={3}>List Artikel Kesehatan</Title>
+        </Box>
+      </SimpleGrid>
+    </Stack>
+  );
+}
+
+
+export default ArtikelKesehatan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/listData.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/listData.tsx
@@ -0,0 +1,89 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import { Center, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import _ from 'lodash';
+import { useProxy } from 'valtio/utils';
+
+function DokterdanTenagaMedisList() {
+  const kesehatanState = useProxy(stateFasilitasKesehatan.dokterdantenagamedis);
+  
+  useShallowEffect(() => {
+    kesehatanState.findMany.load();
+  }, []);
+
+  // Penanganan kasus ketika tidak ada data
+  if (_.isEmpty(kesehatanState.findMany.data)) {
+    return (
+      <Stack>
+        <Table
+          striped 
+          highlightOnHover 
+          withTableBorder 
+          withColumnBorders
+          bg={colors['white-1']}
+        >
+          <TableThead>
+            <TableTr>
+              <TableTh>
+                <Center>Nama</Center>
+              </TableTh>
+              <TableTh>
+                <Center>Specialist</Center>
+              </TableTh>
+              <TableTh >
+                <Center>Jadwal</Center>
+              </TableTh>
+            </TableTr>
+          </TableThead>
+          <TableTbody >
+            <TableTr >
+              <TableTd  colSpan={3}>
+                <Center>
+                  <Text>Tidak ada data</Text>
+                </Center>
+              </TableTd>
+            </TableTr>
+          </TableTbody> 
+        </Table>
+      </Stack>
+    );
+  }
+
+  return (
+    <Stack>
+      <Table     
+        striped 
+        highlightOnHover 
+        withTableBorder 
+        withColumnBorders
+        bg={colors['white-1']}
+      >
+        <TableThead >
+          <TableTr >
+            <TableTh >
+              <Center>Nama</Center>
+            </TableTh>
+            <TableTh >
+              <Center>Specialist</Center>
+            </TableTh>
+            <TableTh >
+              <Center>Jadwal</Center>
+            </TableTh>
+          </TableTr>
+        </TableThead>
+        <TableTbody >
+          {kesehatanState.findMany.data?.map((item) => (
+            <TableTr  key={item.id}>
+              <TableTd  ta="center">{item.name}</TableTd>
+              <TableTd  ta="center">Specialist {item.specialist}</TableTd>
+              <TableTd  ta="center">{item.jadwal}</TableTd>
+            </TableTr>
+          ))}
+        </TableTbody> 
+      </Table>
+    </Stack>
+  );
+}
+
+export default DokterdanTenagaMedisList;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/dokterdantenagamedis/page.tsx
@@ -0,0 +1,36 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Text, TextInput } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+
+function DokterDanTenagaMedis() {
+  const dokterdantenagamedisState = useProxy(stateFasilitasKesehatan.dokterdantenagamedis)
+  return (
+    <Box>
+      <Text fw={"bold"}>Dokter & Tenaga Medis</Text>
+      <TextInput
+        label="Nama Dokter"
+        placeholder='masukkan nama dokter'
+        onChange={(val) => {
+          dokterdantenagamedisState.create.form.name = val.target.value
+        }}
+      />
+      <TextInput
+        label="Specialist"
+        placeholder='masukkan specialist'
+        onChange={(val) => {
+          dokterdantenagamedisState.create.form.specialist = val.target.value
+        }}
+      />
+      <TextInput
+      mb={10}
+        label="Jadwal"
+        placeholder='masukkan jadwal'
+        onChange={(val) => {
+          dokterdantenagamedisState.create.form.jadwal = val.target.value
+        }}
+      />
+    </Box>
+  );
+}
+
+export default DokterDanTenagaMedis;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/listData.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/listData.tsx
@@ -0,0 +1,21 @@
+import { Box, Stack, Text } from '@mantine/core';
+import React from 'react';
+import { useProxy } from 'valtio/utils';
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { useShallowEffect } from '@mantine/hooks';
+
+function FasilitasPendukungList() {
+  const fasilitaspendukungState = useProxy(stateFasilitasKesehatan.fasilitaspendukung)
+  useShallowEffect(() => {
+    fasilitaspendukungState.findMany.load()
+  }, [])
+  return <Stack>
+    {fasilitaspendukungState.findMany.data?.map((item) => (
+      <Box key={item.id}>
+        <Text dangerouslySetInnerHTML={{__html: item.content}}/>
+      </Box>
+    ))}
+  </Stack>
+}
+
+export default FasilitasPendukungList;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/fasilitas_pendukung/page.tsx
@@ -0,0 +1,18 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function FasilitasPendukung() {
+  const fasilitaspendukungState = useProxy(stateFasilitasKesehatan.fasilitaspendukung)
+  return <Box>
+    <Text fw={"bold"}>Fasilitas Pendukung</Text>
+    <KesehatanEditor 
+        showSubmit={false}
+        onChange={(val) => {
+          fasilitaspendukungState.create.form.content = val;
+        }} />
+  </Box>
+}
+
+export default FasilitasPendukung;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/informasi_umum/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/informasi_umum/page.tsx
@@ -0,0 +1,35 @@
+'use client'
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Text, TextInput } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+
+function InformasiUmum() {
+  const infromasiState = useProxy(stateFasilitasKesehatan.informasiumum)
+  return<Box>
+      <Text fw={"bold"}>Informasi Umum</Text>
+      <TextInput
+        label="Fasilitas"
+        placeholder='masukkan nama fasilitas kesehatan'
+        onChange={(val) => {
+          infromasiState.create.form.fasilitas = val.target.value
+        }}
+      />
+      <TextInput
+        label="Alamat"
+        placeholder='masukkan alamat'
+        onChange={(val) => {
+          infromasiState.create.form.alamat = val.target.value
+        }}
+      />
+      <TextInput
+        mb={10}
+        label="Jam Operasional"
+        placeholder='masukkan jam operasional'
+        onChange={(val) => {
+          infromasiState.create.form.jamOperasional = val.target.value
+        }}
+      />
+    </Box>
+}
+
+export default InformasiUmum;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/layanan_unggulan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/layanan_unggulan/page.tsx
@@ -0,0 +1,20 @@
+'use client'
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function LayananUnggulan() {
+  const informasiumumState = useProxy(stateFasilitasKesehatan.layananunggulan)
+  return <Box>
+    <Text fw={"bold"}>Layanan Unggulan</Text>
+    <KesehatanEditor 
+    showSubmit={false}
+    onChange={(val) => {
+      informasiumumState.create.form.content = val;
+    }} />
+  </Box>
+    ;
+}
+
+export default LayananUnggulan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/page.tsx
@@ -0,0 +1,241 @@
+"use client"
+
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import { Box, Button, Center, SimpleGrid, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text, Title } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useProxy } from 'valtio/utils';
+import DokterDanTenagaMedis from './dokterdantenagamedis/page';
+import FasilitasPendukung from './fasilitas_pendukung/page';
+import InformasiUmum from './informasi_umum/page';
+import LayananUnggulan from './layanan_unggulan/page';
+import ProsedurPendaftaran from './prosedurpendaftaran/page';
+import TarifDanLayanan from './tarifdanlayanan/page';
+
+
+function FasilitasKesehatan() {
+  const allState = useProxy(stateFasilitasKesehatan)
+  const submitAllForms = () => {
+    if (allState.informasiumum.create.form.fasilitas &&
+      allState.informasiumum.create.form.alamat &&
+      allState.informasiumum.create.form.jamOperasional) {
+      allState.informasiumum.create.create()
+    }
+
+    if (allState.layananunggulan.create.form.content) {
+      allState.layananunggulan.create.create();
+    }
+
+    if (allState.dokterdantenagamedis.create.form.name &&
+      allState.dokterdantenagamedis.create.form.specialist &&
+      allState.dokterdantenagamedis.create.form.jadwal) {
+      allState.dokterdantenagamedis.create.create()
+    }
+
+    if (allState.fasilitaspendukung.create.form.content) {
+      allState.fasilitaspendukung.create.create();
+    }
+
+    if (allState.tarifdanlayanan.create.form.tarif &&
+      allState.tarifdanlayanan.create.form.layanan) {
+      allState.tarifdanlayanan.create.create()
+    }
+
+    if (allState.prosedurpendaftaran.create.form.content) {
+      allState.prosedurpendaftaran.create.create();
+    }
+
+    // refreshListData();
+    // resetAllForms();
+  }
+
+  // const refreshListData = () => {
+  //   allState.informasiumum.findMany.load();
+  //   allState.layananunggulan.findMany.load();
+  //   allState.dokterdantenagamedis.findMany.load();
+  //   allState.fasilitaspendukung.findMany.load();
+  //   allState.tarifdanlayanan.findMany.load();
+  //   allState.prosedurpendaftaran.findMany.load();
+  // }
+
+  // const resetAllForms = () => {
+  //   allState.informasiumum.create.form = {
+  //     fasilitas: '',
+  //     alamat: '',
+  //     jamOperasional: ''
+  //   };
+  //   allState.layananunggulan.create.form = {
+  //     content: ''
+  //   };
+  //   allState.dokterdantenagamedis.create.form = {
+  //     name: '',
+  //     specialist: '',
+  //     jadwal: ''
+  //   };
+  //   allState.fasilitaspendukung.create.form = {
+  //     content: ''
+  //   };
+  //   allState.tarifdanlayanan.create.form = {
+  //     tarif: '',
+  //     layanan: ''
+  //   };
+  //   allState.prosedurpendaftaran.create.form = {
+  //     content: ''
+  //   };
+  // }
+
+  return (
+    <Stack py={10}>
+      <SimpleGrid cols={{
+        base: 1, md: 2
+      }}>
+        <Box>
+          <Stack gap={'xs'}>
+            <Title order={3}>Fasilitas Kesehatan</Title>
+            {/* Informasi Umum */}
+            <InformasiUmum />
+            {/* Layanan Unggulan */}
+            <LayananUnggulan />
+            {/* Dokter & Tenaga Medis */}
+            <DokterDanTenagaMedis />
+            {/* Fasilitas Pendukung */}
+            <FasilitasPendukung />
+            {/* Tarif & Layanan */}
+            <TarifDanLayanan />
+            {/* Prosedur Pendaftaran */}
+            <ProsedurPendaftaran />
+            <Button onClick={submitAllForms}>Submit</Button>
+          </Stack>
+        </Box>
+
+        <Box>
+          <Stack gap={"xs"}>
+            <Title order={3}>List Fasilitas Kesehatan</Title>
+            <AllList />
+          </Stack>
+        </Box>
+      </SimpleGrid>
+
+    </Stack>
+  );
+}
+
+function AllList() {
+  const allListState = useProxy(stateFasilitasKesehatan)
+  useShallowEffect(() => {
+    allListState.informasiumum.findMany.load();
+    allListState.layananunggulan.findMany.load();
+    allListState.dokterdantenagamedis.findMany.load();
+    allListState.fasilitaspendukung.findMany.load();
+    allListState.tarifdanlayanan.findMany.load();
+    allListState.prosedurpendaftaran.findMany.load();
+  }, [])
+
+  if (!allListState.informasiumum.findMany.data
+    || !allListState.layananunggulan.findMany.data
+    || !allListState.dokterdantenagamedis.findMany.data
+    || !allListState.fasilitaspendukung.findMany.data
+    || !allListState.tarifdanlayanan.findMany.data
+    || !allListState.prosedurpendaftaran.findMany.data
+  ) return <Stack>
+    {Array.from({ length: 10 }).map((v, k) => <Skeleton key={k} h={40} />)}
+  </Stack>
+  return <Stack>
+    <Title order={4}>Informasi Umum</Title>
+    {allListState.informasiumum.findMany.data?.map((item) => (
+      <Box key={item.id}>
+
+        <Text>{item.fasilitas}</Text>
+        <Text>{item.alamat}</Text>
+        <Text>{item.jamOperasional}</Text>
+      </Box>
+    ))}
+
+    <Title order={4}>Layanan Unggulan</Title>
+    {allListState.layananunggulan.findMany.data?.map((item) => (
+      <Box key={item.id}>
+        <Text dangerouslySetInnerHTML={{ __html: item.content }} />
+      </Box>
+    ))}
+
+
+    <Title order={4}>Dokter & Tenaga Medis</Title>
+    
+    <Table
+      striped
+      highlightOnHover
+      withTableBorder
+      withColumnBorders
+      bg={colors['white-1']}
+    >
+      <TableThead >
+        <TableTr >
+          <TableTh >
+            <Center>Nama</Center>
+          </TableTh>
+          <TableTh >
+            <Center>Specialist</Center>
+          </TableTh>
+          <TableTh >
+            <Center>Jadwal</Center>
+          </TableTh>
+        </TableTr>
+      </TableThead>
+      <TableTbody >
+        {allListState.dokterdantenagamedis.findMany.data?.map((item) => (
+          <TableTr key={item.id}>
+            <TableTd ta="center">{item.name}</TableTd>
+            <TableTd ta="center">Specialist {item.specialist}</TableTd>
+            <TableTd ta="center">{item.jadwal}</TableTd>
+          </TableTr>
+        ))}
+      </TableTbody>
+    </Table>
+
+    <Title order={4}>Fasilitas Pendukung</Title>
+    {allListState.fasilitaspendukung.findMany.data?.map((item) => (
+      <Box key={item.id}>
+        <Text dangerouslySetInnerHTML={{ __html: item.content }} />
+      </Box>
+    ))}
+
+    <Title order={4}>Tarif & Layanan</Title>
+    <Table
+      suppressHydrationWarning
+      striped
+      highlightOnHover
+      withTableBorder
+      withColumnBorders
+      bg={colors['white-1']}
+    >
+      <TableThead>
+        <TableTr>
+          <TableTh>
+            Layanan
+          </TableTh>
+          <TableTh>
+            Tarif
+          </TableTh>
+        </TableTr>
+      </TableThead>
+      <TableTbody>
+        {allListState.tarifdanlayanan.findMany.data?.map((item) => (
+          <TableTr key={item.id}>
+            <TableTd>{item.layanan}</TableTd>
+            <TableTd>Rp.{item.tarif}</TableTd>
+          </TableTr>
+        ))}
+      </TableTbody>
+    </Table>
+
+    <Title order={4}>Prosedur Pendaftaran</Title>
+    {allListState.prosedurpendaftaran.findMany.data?.map((item) => (
+      <Box key={item.id}>
+        <Text dangerouslySetInnerHTML={{__html: item.content}}/>
+      </Box>
+    ))}
+
+  </Stack>
+}
+
+export default FasilitasKesehatan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/listData.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/listData.tsx
@@ -0,0 +1,25 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Skeleton, Stack, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useProxy } from 'valtio/utils';
+
+function ListProsedurPendaftaran() {
+  const prosedurpendaftaranState = useProxy(stateFasilitasKesehatan.prosedurpendaftaran)
+  useShallowEffect(() => {
+    prosedurpendaftaranState.findMany.load()
+  }, [])
+
+  if (!prosedurpendaftaranState.findMany.data)return<Stack>
+    {Array.from({ length: 10 }).map((v, k) => <Skeleton key={k} h={40} />)}
+  </Stack>
+  
+  return <Stack>
+    {prosedurpendaftaranState.findMany.data?.map((item) => (
+      <Box key={item.id}>
+        <Text dangerouslySetInnerHTML={{__html: item.content}}/>
+      </Box>
+    ))}
+  </Stack>
+}
+
+export default ListProsedurPendaftaran;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/prosedurpendaftaran/page.tsx
@@ -0,0 +1,19 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function ProsedurPendaftaran() {
+  const prosedurpendaftaranState = useProxy(stateFasilitasKesehatan.prosedurpendaftaran)
+  return <Box>
+      <Text fw={"bold"}>Prosedur Pendaftaran</Text>
+      <KesehatanEditor 
+          showSubmit={false}
+          onChange={(val) => {
+            prosedurpendaftaranState.create.form.content = val;
+          }} />
+    </Box>
+  
+}
+
+export default ProsedurPendaftaran;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/listData.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/listData.tsx
@@ -0,0 +1,82 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import colors from '@/con/colors';
+import { Center, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import _ from 'lodash';
+import { useProxy } from 'valtio/utils';
+
+function TarifDanLayananList() {
+  const tarifdanlayanan = useProxy(stateFasilitasKesehatan.tarifdanlayanan)
+  useShallowEffect(() => {
+    tarifdanlayanan.findMany.load()
+  }, [])
+  
+  if (_.isEmpty(tarifdanlayanan.findMany.data)) {
+    return (
+      <Stack>
+        <Table
+          striped 
+          highlightOnHover 
+          withTableBorder 
+          withColumnBorders
+          bg={colors['white-1']}
+        >
+          <TableThead>
+            <TableTr>
+              <TableTh>
+                <Center>Nama</Center>
+              </TableTh>
+              <TableTh>
+                <Center>Specialist</Center>
+              </TableTh>
+              <TableTh >
+                <Center>Jadwal</Center>
+              </TableTh>
+            </TableTr>
+          </TableThead>
+          <TableTbody >
+            <TableTr >
+              <TableTd  colSpan={3}>
+                <Center>
+                  <Text>Tidak ada data</Text>
+                </Center>
+              </TableTd>
+            </TableTr>
+          </TableTbody> 
+        </Table>
+      </Stack>
+    );
+  }
+
+  return <Stack>
+    <Table
+    suppressHydrationWarning
+    striped 
+    highlightOnHover 
+    withTableBorder 
+    withColumnBorders
+    bg={colors['white-1']}
+    >
+      <TableThead>
+        <TableTr>
+          <TableTh>
+            Layanan
+          </TableTh>
+          <TableTh>
+            Tarif
+          </TableTh>
+        </TableTr>
+      </TableThead>
+      <TableTbody>
+        {tarifdanlayanan.findMany.data?.map((item) => (
+          <TableTr key={item.id}>
+            <TableTd>{item.layanan}</TableTd>
+            <TableTd>Rp.{item.tarif}</TableTd>
+          </TableTr>
+        ))}
+      </TableTbody>
+    </Table>
+  </Stack>
+}
+
+export default TarifDanLayananList;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/fasilitas_kesehatan/tarifdanlayanan/page.tsx
@@ -0,0 +1,27 @@
+import stateFasilitasKesehatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
+import { Box, Text, TextInput } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+
+function TarifDanLayanan() {
+  const tarifdanlayanan = useProxy(stateFasilitasKesehatan.tarifdanlayanan)
+  return <Box>
+  <Text fw={"bold"}>Tarif & Layanan</Text>
+  <TextInput
+    label="Tarif"
+    placeholder='masukkan tarif'
+    onChange={(val) => {
+      tarifdanlayanan.create.form.tarif = val.target.value
+    }}
+  />
+  <TextInput
+  mb={10}
+    label="Layanan"
+    placeholder='masukkan layanan'
+    onChange={(val) => {
+      tarifdanlayanan.create.form.layanan = val.target.value
+    }}
+  />
+</Box>
+}
+
+export default TarifDanLayanan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/grafik_hasil_kepuasan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/grafik_hasil_kepuasan/page.tsx
@@ -0,0 +1,74 @@
+'use client'
+import stategrafikKepuasan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/grafikKepuasan';
+import colors from '@/con/colors';
+import { Box, Button, Group, Stack, TextInput, Title } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useState } from 'react';
+import { Bar, Legend, RadialBarChart, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
+import { useProxy } from 'valtio/utils';
+
+function GrafikHasilKepuasan() {
+  const grafikkepuasan = useProxy(stategrafikKepuasan.grafikkepuasan)
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const [chartData, setChartData] = useState<any[]>([])
+  useShallowEffect(() => {
+    const fetchData = async () => {
+      await grafikkepuasan.findMany.load();
+      if (grafikkepuasan.findMany.data && grafikkepuasan.findMany.data.length > 0) {
+        setChartData(grafikkepuasan.findMany.data);
+      }
+    };
+    fetchData();
+  }, []);
+  return (
+    <Stack gap={"xs"}>
+      <Title order={3}>Grafik Hasil Kepuasan</Title>
+      <Box>
+        <TextInput
+          label="Label"
+          placeholder='Masukkan label yang diinginkan'
+          value={grafikkepuasan.create.form.label}
+          onChange={(val) => {
+            grafikkepuasan.create.form.label = val.currentTarget.value
+          }}
+        />
+        <TextInput
+          label="Jumlah Penderita Farangitis Akut"
+          type='number'
+          placeholder='Masukkan jumlah penderita farangitis akut'
+          value={grafikkepuasan.create.form.jumlah}
+          onChange={(val) => {
+            grafikkepuasan.create.form.jumlah = val.currentTarget.value
+          }}
+        />
+      </Box>
+      <Group>
+        <Button mt={10} 
+        onClick={async () => {
+          await grafikkepuasan.create.create();
+          await grafikkepuasan.findMany.load();
+          if (grafikkepuasan.findMany.data) {
+            setChartData(grafikkepuasan.findMany.data);
+          }
+        }}
+        >Submit</Button>
+      </Group>
+      <Box h={400} w={{ base: "100%", md: "80%" }}>
+        <Title order={3}>Data Kelahiran & Kematian</Title>
+        <ResponsiveContainer width="100%" height="100%">
+          <RadialBarChart 
+          data={chartData}
+          >
+            <XAxis dataKey="label" />
+            <YAxis />
+            <Tooltip />
+            <Legend />
+            <Bar dataKey="jumlah" fill={colors['blue-button']} name="Jumlah" />
+          </RadialBarChart>
+        </ResponsiveContainer>
+      </Box>
+    </Stack>
+  );
+}
+
+export default GrafikHasilKepuasan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/deskripsi_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/deskripsi_kegiatan/page.tsx
@@ -0,0 +1,21 @@
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function DeskripsiKegiatan() {
+  const deskripsiKegiatanState = useProxy(stateJadwalKegiatan.deskripsiKegiatan)
+  return (
+    <Box>
+      <Text pt={10} fw={"bold"}>Deskripsi Kegiatan</Text>
+      <KesehatanEditor
+      showSubmit={false}
+      onChange={(val) => {
+        deskripsiKegiatanState.create.form.deskripsi = val
+      }}
+      />
+    </Box>
+  );
+}
+
+export default DeskripsiKegiatan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/dokumen_yang_diperlukan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/dokumen_yang_diperlukan/page.tsx
@@ -0,0 +1,23 @@
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function DokumenYangDiperlukan() {
+  const dokumenDiperlukan = useProxy(stateJadwalKegiatan.dokumenjadwalkegiatan)
+  return (
+    <Box>
+      <Text pt={10} fw={"bold"}>Dokumen Yang Diperlukan</Text>
+      <KesehatanEditor
+      showSubmit={false}
+      onChange={(val)=> {
+        dokumenDiperlukan.create.form.content = val;
+      }}
+      />
+    </Box>
+  );
+}
+
+export default DokumenYangDiperlukan;
+
+
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/informasi_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/informasi_kegiatan/page.tsx
@@ -0,0 +1,42 @@
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Text, TextInput } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+
+function InformasiKegiatan() {
+  const informasiKegiatanState = useProxy(stateJadwalKegiatan.informasiKegiatan)
+  return (
+    <Box>
+      <Text pt={10} fw={"bold"}>Informasi Kegiatan</Text>
+      <TextInput
+        label="Nama Kegiatan"
+        placeholder="Masukkan nama kegiatan"
+        onChange={(val) => {
+          informasiKegiatanState.create.form.name = val.target.value
+        }}
+      />
+      <TextInput
+        label="Tanggal"
+        placeholder="Masukkan tanggal kegiatan"
+        onChange={(val) => {
+          informasiKegiatanState.create.form.tanggal = val.target.value
+        }}
+      />
+      <TextInput
+        label="Waktu"
+        placeholder="Masukkan waktu kegiatan"
+        onChange={(val) => {
+          informasiKegiatanState.create.form.waktu = val.target.value
+        }}
+      />
+      <TextInput
+        label="Lokasi"
+        placeholder="Masukkan lokasi kegiatan"
+        onChange={(val) => {
+          informasiKegiatanState.create.form.lokasi = val.target.value
+        }}
+      />
+    </Box>
+  );
+}
+
+export default InformasiKegiatan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/layanan_yang_tersedia/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/layanan_yang_tersedia/page.tsx
@@ -0,0 +1,21 @@
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function LayananTersedia() {
+  const layananTersediaState = useProxy(stateJadwalKegiatan.layanantersedia)
+  return (
+    <Box>
+      <Text pt={10} fw={"bold"}>Layanan Yang Tersedia</Text>
+      <KesehatanEditor
+      showSubmit={false}
+      onChange={(val) => {
+        layananTersediaState.create.form.content = val;
+      }}
+      />
+    </Box>
+  );
+}
+
+export default LayananTersedia;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/page.tsx
@@ -0,0 +1,173 @@
+'use client'
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Button, SimpleGrid, Skeleton, Stack, Text, Title } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useProxy } from 'valtio/utils';
+import DeskripsiKegiatan from './deskripsi_kegiatan/page';
+import DokumenYangDiperlukan from './dokumen_yang_diperlukan/page';
+import InformasiKegiatan from './informasi_kegiatan/page';
+import LayananTersedia from './layanan_yang_tersedia/page';
+import Pendaftaran from './pendaftaran/page';
+import SyaratDanKetentuan from './syarat_dan_ketentuan/page';
+
+function JadwalKegiatan() {
+  const allState = useProxy(stateJadwalKegiatan)
+  const submitAllForms = () => {
+
+    if (allState.informasiKegiatan.create.form.name &&
+      allState.informasiKegiatan.create.form.tanggal &&
+      allState.informasiKegiatan.create.form.waktu &&
+      allState.informasiKegiatan.create.form.lokasi) {
+      allState.informasiKegiatan.create.create()
+    }
+    if (allState.deskripsiKegiatan.create.form.deskripsi) {
+      allState.deskripsiKegiatan.create.create();
+    }
+
+    if (allState.layanantersedia.create.form.content) {
+      allState.layanantersedia.create.create();
+    }
+
+    if (allState.syaratketentuan.create.form.content) {
+      allState.syaratketentuan.create.create();
+    }
+
+    if (allState.dokumenjadwalkegiatan.create.form.content) {
+      allState.dokumenjadwalkegiatan.create.create();
+    }
+
+    if (allState.pendaftaranjadwal.create.form.name &&
+      allState.pendaftaranjadwal.create.form.tanggal &&
+      allState.pendaftaranjadwal.create.form.namaOrangtua &&
+      allState.pendaftaranjadwal.create.form.nomor &&
+      allState.pendaftaranjadwal.create.form.alamat &&
+      allState.pendaftaranjadwal.create.form.catatan
+    ) {
+      allState.pendaftaranjadwal.create.create();
+    }
+  }
+
+
+  return (
+    <Stack py={10}>
+      <SimpleGrid cols={{
+        base: 1, md: 2
+      }}>
+        <Box>
+          <Title order={3}>Jadwal Kegiatan</Title>
+          <InformasiKegiatan />
+          <DeskripsiKegiatan />
+          <LayananTersedia />
+          <SyaratDanKetentuan />
+          <DokumenYangDiperlukan />
+          <Pendaftaran />
+          <Button mt={10} onClick={submitAllForms}>
+            Submit
+          </Button>
+        </Box>
+
+        <Box>
+          <Title order={3}>List Jadwal Kegiatan</Title>
+          <AllList />
+        </Box>
+      </SimpleGrid>
+    </Stack>
+  );
+}
+
+function AllList() {
+  const allList = useProxy(stateJadwalKegiatan)
+
+  useShallowEffect(() => {
+    allList.informasiKegiatan.findMany.load()
+    allList.deskripsiKegiatan.findMany.load()
+    allList.layanantersedia.findMany.load()
+    allList.syaratketentuan.findMany.load()
+    allList.dokumenjadwalkegiatan.findMany.load()
+    allList.pendaftaranjadwal.findMany.load()
+  }, [])
+
+  const isLoading = !allList.informasiKegiatan.findMany.data ||
+    !allList.deskripsiKegiatan.findMany.data ||
+    !allList.layanantersedia.findMany.data ||
+    !allList.syaratketentuan.findMany.data ||
+    !allList.dokumenjadwalkegiatan.findMany.data ||
+    !allList.pendaftaranjadwal.findMany.data
+
+  if (isLoading) {
+    return (
+      <Stack>
+        <Title order={4}>Informasi Kegiatan</Title>
+        {Array.from({ length: 10 }).map((_, k) => <Skeleton key={k} h={40} />)}
+      </Stack>
+    );
+  }
+  return (
+    <Stack>
+      <Title order={4}>Informasi Kegiatan</Title>
+      {allList.informasiKegiatan.findMany.data?.map((item) => {
+        return (
+          <Box key={item.id}>
+            <Text>{item.name}</Text>
+            <Text>{item.tanggal}</Text>
+            <Text>{item.waktu}</Text>
+            <Text>{item.lokasi}</Text>
+          </Box>
+        )
+      })}
+
+      <Title order={4}>Deskripsi Kegiatan</Title>
+      {allList.deskripsiKegiatan.findMany.data?.map((item) => {
+        return (
+          <Box key={item.id}>
+            <Text dangerouslySetInnerHTML={{ __html: item.deskripsi }} />
+          </Box>
+        )
+      })}
+
+      <Title order={4}>Layanan Yang Tersedia</Title>
+      {allList.layanantersedia.findMany.data?.map((item) => {
+        return (
+          <Box key={item.id}>
+            <Text dangerouslySetInnerHTML={{ __html: item.content }} />
+          </Box>
+        )
+      })}
+
+      <Title order={4}>Syarat dan Ketentuan</Title>
+      {allList.syaratketentuan.findMany.data?.map((item) => {
+        return (
+          <Box key={item.id}>
+            <Text dangerouslySetInnerHTML={{ __html: item.content }} />
+          </Box>
+        )
+      })}
+
+      <Title order={4}>Dokumen Yang Diperlukan</Title>
+      {allList.dokumenjadwalkegiatan.findMany.data?.map((item) => {
+        return (
+          <Box key={item.id}>
+            <Text dangerouslySetInnerHTML={{ __html: item.content }} />
+          </Box>
+        )
+      })}
+
+      <Title order={4}>Pendaftaran</Title>
+      {allList.pendaftaranjadwal.findMany.data?.map((item) => {
+        return (
+          <Box key={item.id}>
+            <Text>{item.name}</Text>
+            <Text>{item.tanggal}</Text>
+            <Text>{item.namaOrangtua}</Text>
+            <Text>{item.nomor}</Text>
+            <Text>{item.alamat}</Text>
+            <Text>{item.catatan}</Text>
+          </Box>
+        )
+      })}
+    </Stack>
+  )
+}
+
+
+export default JadwalKegiatan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/pendaftaran/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/pendaftaran/page.tsx
@@ -0,0 +1,58 @@
+'use client'
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Text, Textarea, TextInput } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+
+function Pendaftaran() {
+    const pendaftaran = useProxy(stateJadwalKegiatan.pendaftaranjadwal)
+
+  return (
+    <Box>
+      <Text pt={10} fw={"bold"}>Pendaftaran</Text>
+      <TextInput
+      label='Nama Balita'
+      placeholder='Masukkan nama balita'
+      onChange={(val) => {
+        pendaftaran.create.form.name = val.target.value
+      }}
+      />
+      <TextInput
+      label='Tanggal'
+      placeholder='Masukkan tanggal'
+      onChange={(val) => {
+        pendaftaran.create.form.tanggal = val.target.value
+      }}
+      />
+      <TextInput
+      label='Nama Orang Tua / Wali'
+      placeholder='Masukkan nama orang tua / wali'
+      onChange={(val) => {
+        pendaftaran.create.form.namaOrangtua = val.target.value
+      }}
+      />
+      <TextInput
+      label='No. Telepon'
+      placeholder='Masukkan no. telepon'
+      onChange={(val) => {
+        pendaftaran.create.form.nomor = val.target.value
+      }}
+      />
+      <TextInput
+      label='Alamat'
+      placeholder='Masukkan alamat'
+      onChange={(val) => {
+        pendaftaran.create.form.alamat = val.target.value
+      }}
+      />
+      <Textarea
+      label='Catatan Khusus (Opsional)'
+      placeholder='Masukkan catatan khusus'
+      onChange={(val) => {
+        pendaftaran.create.form.catatan = val.target.value
+      }}
+      />
+    </Box>
+  );
+}
+
+export default Pendaftaran;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/syarat_dan_ketentuan/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/jadwal_kegiatan/syarat_dan_ketentuan/page.tsx
@@ -0,0 +1,21 @@
+import stateJadwalKegiatan from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/jadwalKegiatan';
+import { Box, Text } from '@mantine/core';
+import { useProxy } from 'valtio/utils';
+import { KesehatanEditor } from '../../../_com/kesehatanEditor';
+
+function SyaratDanKetentuan() {
+  const syaratKetentuan = useProxy(stateJadwalKegiatan.syaratketentuan)
+  return (
+    <Box>
+      <Text pt={10} fw={"bold"}>Syarat dan Ketentuan</Text>
+      <KesehatanEditor
+      showSubmit={false}
+      onChange={(val) => {
+        syaratKetentuan.create.form.content = val;
+      }}
+      />
+    </Box>
+  );
+}
+
+export default SyaratDanKetentuan;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/persentase_data_kelahiran_kematian/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/_ui/persentase_data_kelahiran_kematian/page.tsx
@@ -0,0 +1,109 @@
+'use client'
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import statePersentase from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/persentaseKelahiran';
+import { Box, Button, Stack, TextInput, Title } from '@mantine/core';
+import { useShallowEffect } from '@mantine/hooks';
+import { useEffect, useState } from 'react';
+import { Bar, BarChart, Legend, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
+import { useProxy } from 'valtio/utils';
+
+function PersentaseDataKelahiranKematian() {
+  const persentase = useProxy(statePersentase.persentasekelahiran);
+  const [chartData, setChartData] = useState<any[]>([]);
+  const [mounted, setMounted] = useState(false); // untuk memastikan DOM sudah ready
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  useShallowEffect(() => {
+    const fetchData = async () => {
+      await persentase.findMany.load();
+      if (persentase.findMany.data && persentase.findMany.data.length > 0) {
+        setChartData(persentase.findMany.data);
+      }
+    };
+    fetchData();
+  }, []);
+
+  return (
+    <Stack py={10}>
+      {/* Form Input */}
+      <Box>
+        <Title order={3}>Persentase Data Kelahiran & Kematian</Title>
+        <TextInput
+          w={{ base: '100%', md: '50%' }}
+          label="Tahun"
+          type="number"
+          value={persentase.create.form.tahun}
+          placeholder="Masukkan tahun"
+          onChange={(val) => {
+            persentase.create.form.tahun = val.currentTarget.value;
+          }}
+        />
+        <TextInput
+          w={{ base: '100%', md: '50%' }}
+          label="Kematian Kasar"
+          type="number"
+          value={persentase.create.form.kematianKasar}
+          placeholder="Masukkan kematian kasar"
+          onChange={(val) => {
+            persentase.create.form.kematianKasar = val.currentTarget.value;
+          }}
+        />
+        <TextInput
+          w={{ base: '100%', md: '50%' }}
+          label="Kematian Bayi"
+          type="number"
+          value={persentase.create.form.kematianBayi}
+          placeholder="Masukkan kematian bayi"
+          onChange={(val) => {
+            persentase.create.form.kematianBayi = val.currentTarget.value;
+          }}
+        />
+        <TextInput
+          w={{ base: '100%', md: '50%' }}
+          label="Kelahiran Kasar"
+          type="number"
+          value={persentase.create.form.kelahiranKasar}
+          placeholder="Masukkan kelahiran kasar"
+          onChange={(val) => {
+            persentase.create.form.kelahiranKasar = val.currentTarget.value;
+          }}
+        />
+        <Button
+          mt={10}
+          onClick={async () => {
+            await persentase.create.create();
+            await persentase.findMany.load();
+            if (persentase.findMany.data) {
+              setChartData(persentase.findMany.data);
+            }
+          }}
+        >
+          Submit
+        </Button>
+      </Box>
+
+      {/* Chart */}
+      <Box style={{ width: '100%', minWidth: 300, height: 400, minHeight: 300 }}>
+        <Title order={3}>Data Kelahiran & Kematian</Title>
+        {mounted && chartData.length > 0 && (
+          <ResponsiveContainer width="100%" aspect={2}>
+            <BarChart width={300} data={chartData}>
+              <XAxis dataKey="tahun" />
+              <YAxis />
+              <Tooltip />
+              <Legend />
+              <Bar dataKey="kematianKasar" fill="#f03e3e" name="Kematian Kasar" />
+              <Bar dataKey="kematianBayi" fill="#ff922b" name="Kematian Bayi" />
+              <Bar dataKey="kelahiranKasar" fill="#4dabf7" name="Kelahiran Kasar" />
+            </BarChart>
+          </ResponsiveContainer>
+        )}
+      </Box>
+    </Stack>
+  );
+}
+
+export default PersentaseDataKelahiranKematian;
--- a/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/page.tsx
+++ b/src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/page.tsx
@@ -1,11 +1,53 @@
-import React from 'react';
+import colors from '@/con/colors';
+import { Stack, Tabs, TabsList, TabsPanel, TabsTab } from '@mantine/core';
+import ArtikelKesehatan from './_ui/artikel_kesehatan/page';
+import FasilitasKesehatan from './_ui/fasilitas_kesehatan/page';
+import GrafikHasilKepuasan from './_ui/grafik_hasil_kepuasan/page';
+import JadwalKegiatan from './_ui/jadwal_kegiatan/page';
+import PersentaseDataKelahiranKematian from './_ui/persentase_data_kelahiran_kematian/page';
+

 function Page() {
  return (
-    <div>
-      Data Kesehatan Warga
-    </div>
+    <Stack>
+      <Tabs color={colors['blue-button']} variant='pills' defaultValue={"Persentase Kelahiran & Kematian"}>
+        <TabsList >
+          <TabsTab value="Persentase Kelahiran & Kematian">
+            Persentase Kelahiran & Kematian
+          </TabsTab>
+          <TabsTab value="Grafik Hasil Kepuasan">
+            Grafik Hasil Kepuasan
+          </TabsTab>
+          <TabsTab value="Fasilitas Kesehatan">
+            Fasilitas Kesehatan
+          </TabsTab>
+          <TabsTab value="Jadwal Kegiatan">
+            Jadwal Kegiatan
+          </TabsTab>
+          <TabsTab value="Artikel Kesehatan">
+            Artikel Kesehatan
+          </TabsTab>
+        </TabsList>
+
+        <TabsPanel value="Persentase Kelahiran & Kematian">
+          <PersentaseDataKelahiranKematian />
+        </TabsPanel>
+        <TabsPanel value="Grafik Hasil Kepuasan">
+          <GrafikHasilKepuasan/>
+        </TabsPanel>
+        <TabsPanel value="Fasilitas Kesehatan">
+          <FasilitasKesehatan/>
+        </TabsPanel>
+        <TabsPanel value="Jadwal Kegiatan">
+          <JadwalKegiatan/>
+        </TabsPanel>
+        <TabsPanel value="Artikel Kesehatan">
+          <ArtikelKesehatan/>
+        </TabsPanel>
+
+      </Tabs>
+    </Stack>
  );
 }

-export default Page;
+export default Page;
--- a/src/app/admin/(dashboard)/landing-page/layanan/_comp_textLengh.tsx
+++ b/src/app/admin/(dashboard)/landing-page/layanan/_comp_textLengh.tsx
@@ -1,12 +0,0 @@
-import React from 'react';
-import { Text } from '@mantine/core';
-
-function CompTextLengh({input, maxLength}: {input: string, maxLength: number}) {
-  return (
-    <div>
-      <Text fz={"xs"}>{input.length}/{maxLength}</Text>
-    </div>
-  );
-}
-
-export default CompTextLengh;
--- a/src/app/admin/(dashboard)/landing-page/layanan/gs_maxLength.ts
+++ b/src/app/admin/(dashboard)/landing-page/layanan/gs_maxLength.ts
@@ -1 +0,0 @@
-export const maxLength = 2000
--- a/src/app/admin/(dashboard)/landing-page/layanan/page.tsx
+++ b/src/app/admin/(dashboard)/landing-page/layanan/page.tsx
@@ -1,13 +1,8 @@
 'use client'
 import colors from '@/con/colors';
 import { Box, Button, Group, Stack, Text, Textarea, Title } from '@mantine/core';
-import { useState } from 'react';
-import CompTextLengh from './_comp_textLengh';
-import { maxLength } from './gs_maxLength';

-function Page(
-) {
-  const [value, setValue] = useState("")
+function Page() {
  return (
    <Box>
      <Stack gap={"xs"}>
@@ -15,13 +10,10 @@ function Page(
        <Textarea
          label={<Text>Deskripsi</Text>}
          placeholder='tambah deskripsi'
-          maxLength={maxLength}
-          value={value}
-          onChange={(e) => setValue(e.target.value)}
        />
-       <CompTextLengh input={value} maxLength={maxLength}/>
        <Group>
-          <Button bg={colors['blue-button']} fz={'md'}>Submit</Button>
+          <Button
+            bg={colors['blue-button']} fz={'md'}>Submit</Button>
        </Group>
      </Stack>
    </Box>
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,67 +1,84 @@
 'use client'
 import colors from "@/con/colors";
-import { ActionIcon, AppShell, AppShellHeader, AppShellMain, AppShellNavbar, Burger, Group, Image, NavLink, ScrollArea, Stack, Text } from "@mantine/core";
+import { ActionIcon, AppShell, AppShellHeader, AppShellMain, AppShellNavbar, Burger, Group, Image, NavLink, ScrollArea, Text } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
+import { IconChevronLeft, IconChevronRight } from "@tabler/icons-react";
+import _ from 'lodash';
 import Link from "next/link";
-import { useState } from "react";
+import { useSelectedLayoutSegments } from "next/navigation";
 import { navBar } from "./_com/list_PageAdmin";

-
-
 export default function Layout({ children }: { children: React.ReactNode }) {
  const [opened, { toggle }] = useDisclosure();
-  const [active, setActive] = useState(navBar[0]?.id || 0);
-  const isClient = typeof window !== 'undefined';
+  const [desktopOpened, { toggle: toggleDesktop }] =
+    useDisclosure(true);
+
+
+  const segments = useSelectedLayoutSegments()
  return (
-    <Stack h={"100%"}>
-      <AppShell
-        header={{ height: 60 }}
-        navbar={{
-          width: 300, breakpoint: 'sm', collapsed: { mobile: !opened }
-        }}
-        padding={'md'}
-      >
-        <AppShellHeader bg={colors["white-trans-1"]}>
-          <Group px={10} align="center">
-            <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size={'sm'} />
-            <ActionIcon w={50} h={50}  variant="transparent" component={Link} href="/admin">
+    <AppShell
+      suppressHydrationWarning
+      header={{ height: 60 }}
+      navbar={{
+        width: 300, breakpoint: 'sm', collapsed: { mobile: !opened, desktop: !desktopOpened }
+      }}
+      padding={'md'}
+    >
+      <AppShellHeader bg={colors["white-trans-1"]}>
+        <Group px={10} align="center">
+          {!desktopOpened && <ActionIcon variant="light" onClick={toggleDesktop}><IconChevronRight /></ActionIcon>}
+          <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size={'sm'} />
+          <ActionIcon w={50} h={50} variant="transparent" component={Link} href="/admin">
            <Image py={5} src={'/assets/images/darmasaba-icon.png'} alt="" width={50} height={50} />
-            </ActionIcon>
-            <Text fw={'bold'} c={colors["blue-button"]} fz={'lg'}>Dashboard Admin</Text>
-          </Group>
-        </AppShellHeader>
-        <AppShellNavbar
-          c={colors["blue-button"]}
-          component={ScrollArea}
-        >
-          {navBar.map((v,k) => {
+          </ActionIcon>
+          <Text fw={'bold'} c={colors["blue-button"]} fz={'lg'}>Dashboard Admin</Text>
+        </Group>
+      </AppShellHeader>
+      <AppShellNavbar
+
+        c={colors["blue-button"]}
+        component={ScrollArea}
+      >
+        <AppShell.Section >
+          {navBar.map((v, k) => {
            return (
              <NavLink
-                c={colors["blue-button"]}
+                c={_.lowerCase(v.name) == segments[1] ? colors["blue-button"] : "grey"}
                key={k}
-                active={isClient && k === active}
-                onClick={() => setActive(k)}
-                label={<Text>{v.name}</Text>}
+                defaultOpened={_.lowerCase(v.name) == segments[1]}
+                // onClick={() => setActive(k)}
+                label={<Text
+                  style={{ fontWeight: _.lowerCase(v.name) == segments[1] ? "bold" : "normal" }}
+                >{v.name}</Text>}
              >
-                {v.children.map((child) => {
+                {v.children.map((child, key) => {
                  return (
                    <NavLink
+                      c={_.lowerCase(child.name) == _.lowerCase(segments[2]) ? colors["blue-button"] : "grey"}
+                      key={key}
                      href={child.path}
-                      key={child.id}
-                      active={isClient && Number(child.id) === active}
-                      onClick={() => setActive(Number(child.id))}
-                      label={<Text>{child.name}</Text>}
+                      // active={isClient && Number(child.id) === active}
+                      // onClick={() => setActive(Number(child.id))}
+                      label={<Text
+                        style={{ fontWeight: _.lowerCase(child.name) == _.lowerCase(segments[2]) ? "bold" : "normal" }}
+                      >{child.name}</Text>}
                    />
                  )
                })}
              </NavLink>
            )
          })}
-        </AppShellNavbar>
-        <AppShellMain bg={colors.Bg}>
-          {children}
-        </AppShellMain>
-      </AppShell>
-    </Stack>
+        </AppShell.Section>
+
+        <AppShell.Section py={20}>
+          <Group justify="end">
+            <ActionIcon variant="light" onClick={toggleDesktop}><IconChevronLeft /></ActionIcon>
+          </Group>
+        </AppShell.Section>
+      </AppShellNavbar>
+      <AppShellMain bg={colors.Bg}>
+        {children}
+      </AppShellMain>
+    </AppShell>
  );
 }
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/category.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/category.ts
@@ -0,0 +1,9 @@
+import prisma from "@/lib/prisma";
+
+ async function katagoryBeritaFindMany() {
+  const data = await prisma.katagoryBerita.findMany();
+  return { data };
+}
+
+export default katagoryBeritaFindMany
+
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/create.ts
@@ -0,0 +1,39 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.BeritaGetPayload<{
+  select: {
+    judul: true;
+    deskripsi: true;
+    image: true;
+    content: true;
+    katagoryBeritaId: true;
+  };
+}>;
+async function beritaCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+//   console.log(body)
+
+  await prisma.berita.create({
+  data: {
+      content: body.content,
+      deskripsi: body.deskripsi,
+      image: body.image,
+      judul: body.judul,
+      katagoryBeritaId: body.katagoryBeritaId,
+    },
+  });
+
+  return {
+    success: true,
+    message: "Success create berita",
+    data: {
+      ...body,
+    },
+  };
+}
+
+export default beritaCreate
+
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function beritaFindMany() {
+  const res = await prisma.berita.findMany();
+  return {
+    data: res,
+  };
+}
--- a/src/app/api/[[...slugs]]/_lib/desa/berita/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/berita/index.ts
@@ -0,0 +1,19 @@
+import Elysia, { t } from "elysia";
+import katagoryBeritaFindMany from "./category";
+import beritaFindMany from "./find-many";
+import beritaCreate from "./create";
+
+const Berita = new Elysia({ prefix: "/berita", tags: ["Desa/Berita"] })
+  .get("/category/find-many", katagoryBeritaFindMany)
+  .get("/find-many", beritaFindMany)
+  .post("/create", beritaCreate, {
+    body: t.Object({
+      judul: t.String(),
+      deskripsi: t.String(),
+      image: t.String(),
+      content: t.String(),
+      katagoryBeritaId: t.Union([t.String(), t.Null()]),
+    }),
+  });
+
+export default Berita;
--- a/src/app/api/[[...slugs]]/_lib/desa/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/index.ts
@@ -0,0 +1,9 @@
+import Elysia from "elysia";
+import Berita from "./berita";
+import Pengumuman from "./pengumuman";
+
+const Desa = new Elysia({ prefix: "/api/desa", tags: ["Desa"] })
+  .use(Berita)
+  .use(Pengumuman)
+
+export default Desa;
--- a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/category.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/category.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+async function pengumumanCategoryFindMany() {
+  const data = await prisma.categoryPengumuman.findMany();
+  return { data };
+}
+
+export default pengumumanCategoryFindMany
--- a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/create.ts
@@ -0,0 +1,43 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.PengumumanGetPayload<{
+  select: {
+    judul: true;
+    deskripsi: true;
+    content: true;
+    categoryPengumumanId: true;
+  };
+}>;
+
+export async function pengumumanCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+  try {
+    await prisma.pengumuman.create({
+      data: {
+        content: body.content,
+        deskripsi: body.deskripsi,
+        judul: body.judul,
+        categoryPengumumanId: body.categoryPengumumanId,
+      },
+    });
+  } catch (error) {
+    console.error(error);
+    console.error(body)
+    return {
+      success: false,
+      message: "Failed create pengumuman",
+      error: error,
+    };
+  }
+
+  return {
+    success: true,
+    message: "Success create pengumuman",
+    data: {
+      ...body,
+    },
+  };
+}
--- a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function pengumumanFindMany() {
+    const res = await prisma.pengumuman.findMany();
+    return {
+        data: res,
+    };
+}
--- a/src/app/api/[[...slugs]]/_lib/desa/pengumuman/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/desa/pengumuman/index.ts
@@ -0,0 +1,19 @@
+import Elysia from "elysia";
+import { pengumumanCreate } from "./create";
+import pengumumanFindMany from "./find-many";
+import { t } from "elysia";
+import pengumumanCategoryFindMany from "./category";
+
+const Pengumuman = new Elysia({ prefix: "/pengumuman", tags: ["Desa/Pengumuman"] })
+  .get("/category/find-many", pengumumanCategoryFindMany)
+  .get("/find-many", pengumumanFindMany)
+  .post("/create", pengumumanCreate, {
+    body: t.Object({
+      judul: t.String(),
+      deskripsi: t.String(),
+      content: t.String(),
+      categoryPengumumanId: t.Union([t.String(), t.Null()]),
+    }),
+  });
+
+export default Pengumuman;  
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis/create.ts
@@ -0,0 +1,31 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.DokterdanTenagaMedisGetPayload<{
+    select: {
+        name: true
+        specialist: true
+        jadwal: true
+    }
+}>
+
+async function dokterDantenagamedisCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.dokterdanTenagaMedis.create({
+        data: {
+            name: body.name,
+            specialist: body.specialist,
+            jadwal: body.jadwal,
+        }
+    })
+    return {
+        success: true,
+        message: "Success create dokter dan tenaga medis",
+        data: {
+            ...body
+        }
+    }
+}
+export default dokterDantenagamedisCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function dokterDantenagamedisFindMany() {
+    const res = await prisma.dokterdanTenagaMedis.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis/index.ts
@@ -0,0 +1,18 @@
+import Elysia, { t } from "elysia";
+import dokterDantenagamedisFindMany from "./find-many";
+import dokterDantenagamedisCreate from "./create";
+
+const DokterDantenagamedis = new Elysia({
+  prefix: "/dokterdantenagamedis",
+  tags: ["Data Kesehatan/Fasilitas Kesehatan/Dokter dan Tenaga Medis"],
+})
+.get("/find-many", dokterDantenagamedisFindMany)
+.post("/create", dokterDantenagamedisCreate, {
+    body: t.Object({
+        name: t.String(),
+        specialist: t.String(),
+        jadwal: t.String(),
+    })
+})
+
+export default DokterDantenagamedis
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung/create.ts
@@ -0,0 +1,29 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.FasilitasPendukungGetPayload<{
+    select: {
+        content: true
+    }
+}>
+
+async function FasilitasPendukungCreate(context: Context){
+    const body = context.body as FormCreate
+
+    await prisma.fasilitasPendukung.create({
+        data: {
+  
+            content: body.content
+        }
+    })
+    return {
+        success: true,
+        message: "Success create fasilitas pendukung",
+        data: {
+            ...body
+        }
+    }
+}
+
+export default FasilitasPendukungCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function fasilitasPendukungFindMany() {
+    const res = await prisma.fasilitasPendukung.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung/index.ts
@@ -0,0 +1,16 @@
+import Elysia, { t } from "elysia";
+import fasilitasPendukungFindMany from "./find-many";
+import FasilitasPendukungCreate from "./create";
+
+const FasilitasPendukung = new Elysia({
+  prefix: "/fasilitaspendukung",
+  tags: ["Data Kesehatan/Fasilitas Kesehatan/Fasilitas Pendukung"],
+})
+  .get("/find-many", fasilitasPendukungFindMany)
+  .post("/create", FasilitasPendukungCreate, {
+    body: t.Object({
+      content: t.String(),
+    }),
+  });
+
+export default FasilitasPendukung;
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/informasi_umum/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/informasi_umum/create.ts
@@ -0,0 +1,31 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.InformasiUmumGetPayload<{
+    select: {
+        fasilitas: true
+        alamat: true
+        jamOperasional: true
+    }
+}>
+async function informasiUmumCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.informasiUmum.create({
+        data: {
+            fasilitas: body.fasilitas,
+            alamat: body.alamat,
+            jamOperasional: body.jamOperasional,
+        }
+    })
+    return{
+        success: true,
+        message: "Success create informasi umum",
+        data: {
+            ...body
+        }
+    }
+}
+
+export default informasiUmumCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/informasi_umum/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/informasi_umum/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function informasiUmumFindMany() {
+    const res = await prisma.informasiUmum.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/informasi_umum/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/informasi_umum/index.ts
@@ -0,0 +1,18 @@
+import Elysia, { t } from "elysia";
+import informasiUmumFindMany from "./find-many";
+import informasiUmumCreate from "./create";
+
+const InformasiUmum = new Elysia({
+  prefix: "/informasiumum",
+  tags: ["Data Kesehatan/Fasilitas Kesehatan/Informasi Umum"],
+})
+  .get("/find-many", informasiUmumFindMany)
+  .post("/create", informasiUmumCreate, {
+    body: t.Object({
+      fasilitas: t.String(),
+      alamat: t.String(),
+      jamOperasional: t.String(),
+    }),
+  });
+
+export default InformasiUmum;
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan/create.ts
@@ -0,0 +1,28 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.LayananUnggulanGetPayload<{
+    select: {
+        content: true
+    }
+}>
+
+async function layananUnggulanCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.layananUnggulan.create({
+        data: {
+            content: body.content
+        }
+    })
+    return {
+        success: true,
+        message: "Success create layanan unggulan",
+        data: {
+            ...body
+        }
+    }
+}
+
+export default layananUnggulanCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function layananUnggulanFindMany() {
+    const res = await prisma.layananUnggulan.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan/index.ts
@@ -0,0 +1,17 @@
+import Elysia, { t } from "elysia";
+import layananUnggulanCreate from "./create";
+import layananUnggulanFindMany from "./find-many";
+
+const LayananUnggulan = new Elysia({
+    prefix: "/layananunggulan",
+    tags: ["Data Kesehatan/Fasilitas Kesehatan/Layanan Unggulan"]
+})
+
+.get("/find-many", layananUnggulanFindMany)
+.post("/create", layananUnggulanCreate, {
+    body: t.Object({
+        content: t.String()
+    })
+})
+
+export default LayananUnggulan
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran/create.ts
@@ -0,0 +1,28 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.ProsedurPendaftaranGetPayload<{
+    select: {
+        content: true
+    }
+}>
+
+async function prosedurPendaftaranCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.prosedurPendaftaran.create({
+        data: {
+            content: body.content
+        }
+    })
+    return{
+        success: true,
+        message: "Success create prosedur pendaftaran",
+        data: {
+            ...body
+        }
+    }
+}
+
+export default prosedurPendaftaranCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function prosedurPendaftaranFindMany() {
+    const res = await prisma.prosedurPendaftaran.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran/index.ts
@@ -0,0 +1,15 @@
+import Elysia, { t } from "elysia";
+import prosedurPendaftaranFindMany from "./find-many";
+import prosedurPendaftaranCreate from "./create";
+
+const ProsedurPendaftaran = new Elysia({
+  prefix: "/prosedurpendaftaran",
+  tags: ["Data Kesehatan/Fasilitas Kesehatan/Prosedur Pendaftaran"],
+})
+  .get("/find-many", prosedurPendaftaranFindMany)
+  .post("/create", prosedurPendaftaranCreate, {
+    body: t.Object({
+      content: t.String(),
+    }),
+  });
+export default ProsedurPendaftaran;
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan/create.ts
@@ -0,0 +1,30 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.TarifDanLayananGetPayload<{
+    select: {
+        layanan: true
+        tarif: true
+    }
+}>
+
+async function tarifdanlayananCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.tarifDanLayanan.create({
+        data: {
+            layanan: body.layanan,
+            tarif: body.tarif,
+        }
+    })
+    return {
+        success: true,
+        message: "Success create tarif dan layanan",
+        data: {
+            ...body
+        }
+    }
+}
+
+export default tarifdanlayananCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function tarifdanlayananFindMany() {
+    const res = await prisma.tarifDanLayanan.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan/index.ts
@@ -0,0 +1,18 @@
+import Elysia, { t } from "elysia";
+import tarifdanlayananFindMany from "./find-many";
+import tarifdanlayananCreate from "./create";
+
+
+const TarifDanLayanan = new Elysia({
+    prefix: "/tarifdanlayanan",
+    tags: ["Data Kesehatan/Fasilitas Kesehatan/Tarif dan Layanan"]
+})
+.get("/find-many", tarifdanlayananFindMany)
+.post("/create", tarifdanlayananCreate, {
+    body: t.Object({
+        layanan: t.String(),
+        tarif: t.String(),
+    })
+})
+
+export default TarifDanLayanan;
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/create.ts
@@ -0,0 +1,27 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.GrafikKepuasanGetPayload<{
+  select: {
+    label: true;
+    jumlah: true
+  };
+}>;
+export default async function grafikKepuasanCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+  await prisma.grafikKepuasan.create({
+    data: {
+      label: body.label,
+      jumlah: body.jumlah,
+    },
+  });
+  return {
+    success: true,
+    message: "Success create grafik kepuasan",
+    data: {
+      ...body,
+    },
+  };
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma"
+
+export default async function grafikKepuasanFindMany() {
+    const res = await prisma.grafikKepuasan.findMany()
+    return {
+        data: res
+    }
+}    
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/grafik_kepuasan/index.ts
@@ -0,0 +1,16 @@
+import Elysia, { t } from "elysia";
+import grafikKepuasanCreate from "./create";
+import grafikKepuasanFindMany from "./find-many";
+
+const GrafikKepuasan = new Elysia({
+    prefix: "/grafikkepuasan",
+    tags: ["Data Kesehatan/Grafik Kepuasan"]
+})
+    .get("/find-many", grafikKepuasanFindMany)
+    .post("/create", grafikKepuasanCreate, {
+        body: t.Object({
+            label: t.String(),
+            jumlah: t.String(),
+        }),
+    })
+export default GrafikKepuasan
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan/create.ts
@@ -0,0 +1,28 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.DeskripsiJadwalKegiatanGetPayload<{
+    select: {
+        deskripsi: true
+    }
+}>
+
+async function deskripsiJadwalKegiatanCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.deskripsiJadwalKegiatan.create({
+        data: {
+            deskripsi: body.deskripsi,
+        }
+    })
+    return{
+        success: true,
+        message: "Success create deskripsi jadwal kegiatan",
+        data: {
+            ...body
+        }
+    }
+}
+
+export default deskripsiJadwalKegiatanCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function deskripsiJadwalKegiatanFindMany() {
+    const res = await prisma.deskripsiJadwalKegiatan.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan/index.ts
@@ -0,0 +1,16 @@
+import Elysia, { t } from "elysia";
+import deskripsiJadwalKegiatanFindMany from "./find-many";
+import deskripsiJadwalKegiatanCreate from "./create";
+
+const DeskripsiJadwalKegiatan = new Elysia({
+    prefix: "/deskripsikegiatan",
+    tags: ["Data Kesehatan/Jadwal Kegiatan/Deskripsi Kegiatan"],
+})
+.get("/find-many", deskripsiJadwalKegiatanFindMany)
+.post("/create", deskripsiJadwalKegiatanCreate, {
+    body: t.Object({
+        deskripsi: t.String(),
+    }),
+})
+
+export default DeskripsiJadwalKegiatan
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan/create.ts
@@ -0,0 +1,26 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.DokumenJadwalKegiatanGetPayload<{
+    select: {
+        content: true
+    }
+}>
+
+export default async function DokumenDiperlukanCreate(context: Context){
+    const body = context.body as FormCreate
+    
+    await prisma.dokumenJadwalKegiatan.create({
+        data: {
+            content: body.content
+        }
+    })
+    return {
+        success: true,
+        message: "Success create dokumen yang diperlukan",
+        data: {
+            ...body
+        }
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function DokumenDiperlukanFindMany() {
+  const res = await prisma.dokumenJadwalKegiatan.findMany();
+  return {
+    data: res,
+  };
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan/index.ts
@@ -0,0 +1,17 @@
+import Elysia, { t } from "elysia";
+import DokumenDiperlukanCreate from "./create";
+import DokumenDiperlukanFindMany from "./find-many";
+
+const DokumenDiperlukan = new Elysia({
+    prefix: "/dokumendiperlukan",
+    tags: ["Data Kesehatan/Jadwal Kegiatan/Dokumen yang diperlukan"]
+})
+
+.get("/find-many", DokumenDiperlukanFindMany)
+.post("/create", DokumenDiperlukanCreate, {
+    body: t.Object({
+        content: t.String()
+    })
+})
+
+export default DokumenDiperlukan
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan/create.ts
@@ -0,0 +1,33 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.InformasiJadwalKegiatanGetPayload<{
+    select: {
+        name: true
+        tanggal: true
+        waktu: true
+        lokasi: true
+    }
+}>
+
+async function informasiJadwalKegiatanCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.informasiJadwalKegiatan.create({
+        data: {
+            name: body.name,
+            tanggal: body.tanggal,
+            waktu: body.waktu,
+            lokasi: body.lokasi,
+        }
+    })
+    return{
+        success: true,
+        message: "Success create informasi jadwal kegiatan",
+        data: {
+            ...body
+        }
+    }
+}
+export default informasiJadwalKegiatanCreate
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function informasiJadwalKegiatanFindMany() {
+    const res = await prisma.informasiJadwalKegiatan.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan/index.ts
@@ -0,0 +1,19 @@
+import Elysia, { t } from "elysia";
+import informasiJadwalKegiatanFindMany from "./find-many";
+import informasiJadwalKegiatanCreate from "./create";
+
+const InformasiJadwalKegiatan = new Elysia({
+  prefix: "/informasiJadwalKegiatan",
+  tags: ["Data Kesehatan/Jadwal Kegiatan/Informasi Kegiatan"],
+})
+.get("/find-many", informasiJadwalKegiatanFindMany)
+.post("/create", informasiJadwalKegiatanCreate, {
+  body: t.Object({
+    name: t.String(),
+    tanggal: t.String(),
+    waktu: t.String(),
+    lokasi: t.String(),
+  }),
+})
+
+export default InformasiJadwalKegiatan
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia/create.ts
@@ -0,0 +1,26 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.LayananJadwalKegiatanGetPayload<{
+    select: {
+        content: true
+    }
+}>
+
+export default async function LayananTersediaCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.layananJadwalKegiatan.create({
+        data: {
+            content: body.content
+        }
+    })
+    return {
+        success: true,
+        message: "Success create layanan yang tersedia",
+        data: {
+            ...body
+        }
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function LayananTersediaFindMany() {
+    const res = await prisma.layananJadwalKegiatan.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia/index.ts
@@ -0,0 +1,17 @@
+import Elysia, { t } from "elysia";
+import LayananTersediaFindMany from "./find-many";
+import LayananTersediaCreate from "./create";
+
+const LayananTersedia = new Elysia({
+    prefix: "/layanantersedia",
+    tags: ["Data Kesehatan/Jadwal Kegiatan/Layanan Tersedia"]
+})
+
+.get("/find-many", LayananTersediaFindMany)
+.post("/create", LayananTersediaCreate, {
+    body: t.Object({
+        content: t.String()
+    })
+})
+
+export default LayananTersedia
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/create.ts
@@ -0,0 +1,36 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.PendaftaranJadwalKegiatanGetPayload<{
+    select: {
+        name: true
+        tanggal: true
+        namaOrangtua: true
+        nomor: true
+        alamat: true
+        catatan: true
+    }
+}>
+
+export default async function PendaftaranJadwalCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.pendaftaranJadwalKegiatan.create({
+        data: {
+            name: body.name,
+            tanggal: body.tanggal,
+            namaOrangtua: body.namaOrangtua,
+            nomor: body.nomor,
+            alamat: body.alamat,
+            catatan: body.catatan
+        }
+    })
+    return {
+        success: true,
+        message: "Success create pendaftaran jadwal kegiatan",
+        data: {
+            ...body
+        }
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function PendaftaranJadwalFindMany() {
+  const res = await prisma.pendaftaranJadwalKegiatan.findMany();
+  return {
+    data: res,
+  };
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/pendaftaran/index.ts
@@ -0,0 +1,21 @@
+import Elysia, { t } from "elysia"
+import PendaftaranJadwalFindMany from "./find-many"
+import PendaftaranJadwalCreate from "./create"
+
+const PendaftaranJadwal = new Elysia({
+  prefix: "/pendaftaranJadwalKegiatan",
+  tags: ["Data Kesehatan/Jadwal Kegiatan/Pendaftaran Jadwal"],
+})
+.get("/find-many", PendaftaranJadwalFindMany)
+.post("/create", PendaftaranJadwalCreate, {
+  body: t.Object({
+    name: t.String(),
+    tanggal: t.String(),
+    namaOrangtua: t.String(),
+    nomor: t.String(),
+    alamat: t.String(),
+    catatan: t.String(),
+  })
+})
+
+export default PendaftaranJadwal
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan/create.ts
@@ -0,0 +1,26 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.SyaratKetentuanJadwalKegiatanGetPayload<{
+  select: {
+    content: true;
+  };
+}>;
+
+export default async function SyaratKetentuanCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+  await prisma.syaratKetentuanJadwalKegiatan.create({
+    data: {
+      content: body.content,
+    },
+  });
+  return {
+    success: true,
+    message: "Success create syarat ketentuan jadwal kegiatan",
+    data: {
+      ...body,
+    },
+  };
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan/find-many.ts
@@ -0,0 +1,8 @@
+import prisma from "@/lib/prisma";
+
+export default async function SyaratKetentuanFindMany() {
+    const res = await prisma.syaratKetentuanJadwalKegiatan.findMany();
+    return {
+        data: res
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan/index.ts
@@ -0,0 +1,16 @@
+import Elysia, { t } from "elysia";
+import SyaratKetentuanFindMany from "./find-many";
+import SyaratKetentuanCreate from "./create";
+
+const SyaratKetentuan = new Elysia({
+    prefix: "/syaratketentuan",
+    tags: ["Data Kesehatan/Jadwal Kegiatan/Syarat dan Ketentuan"]
+})
+.get("/find-many", SyaratKetentuanFindMany)
+.post("/create", SyaratKetentuanCreate, {
+    body: t.Object({
+        content: t.String()
+    })
+})
+
+export default SyaratKetentuan
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/create.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/create.ts
@@ -0,0 +1,32 @@
+import prisma from "@/lib/prisma";
+import { Prisma } from "@prisma/client";
+import { Context } from "elysia";
+
+type FormCreate = Prisma.DataKematian_KelahiranGetPayload<{
+    select: {
+        tahun: true;
+        kematianKasar: true;
+        kematianBayi: true;
+        kelahiranKasar: true;
+    };
+}>;
+
+export default async function persentaseKelahiranKematianCreate(context: Context) {
+    const body = context.body as FormCreate
+
+    await prisma.dataKematian_Kelahiran.create({
+        data: {
+            tahun: body.tahun,
+            kematianKasar: body.kematianKasar,
+            kematianBayi: body.kematianBayi,
+            kelahiranKasar: body.kelahiranKasar,
+        }
+    })
+    return{
+        success: true,
+        message: "Success create persentase kelahiran kematian",
+        data: {
+            ...body
+        }
+    }
+}
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/find-many.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/find-many.ts
@@ -0,0 +1,9 @@
+import prisma from "@/lib/prisma";
+
+export default async function persentaseKelahiranKematianFindMany() {
+    const res = await prisma.dataKematian_Kelahiran.findMany();
+    return {
+        data: res
+    }
+}
+    
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/data_kesehatan_warga/persentase_kelahiran_kematian/index.ts
@@ -0,0 +1,19 @@
+import Elysia, { t } from "elysia";
+import persentaseKelahiranKematianCreate from "./create";
+import persentaseKelahiranKematianFindMany from "./find-many";
+
+const PersentaseKelahiranKematian = new Elysia({
+  prefix: "/persentasekelahiran",
+  tags: ["Data Kesehatan/Persentase Kelahiran Kematian"],
+})
+  .get("/find-many", persentaseKelahiranKematianFindMany)
+  .post("/create", persentaseKelahiranKematianCreate, {
+    body: t.Object({
+      tahun: t.String(),
+      kematianKasar: t.String(),
+      kematianBayi: t.String(),
+      kelahiranKasar: t.String(),
+    }),
+  })
+
+export default PersentaseKelahiranKematian;
--- a/src/app/api/[[...slugs]]/_lib/kesehatan/index.ts
+++ b/src/app/api/[[...slugs]]/_lib/kesehatan/index.ts
@@ -0,0 +1,36 @@
+import Elysia from "elysia";
+import InformasiUmum from "./data_kesehatan_warga/fasilitas_kesehatan/informasi_umum";
+import LayananUnggulan from "./data_kesehatan_warga/fasilitas_kesehatan/layanan_unggulan";
+import DokterDantenagamedis from "./data_kesehatan_warga/fasilitas_kesehatan/dokterDantenagamedis";
+import FasilitasPendukung from "./data_kesehatan_warga/fasilitas_kesehatan/fasilitas_pendukung";
+import TarifDanLayanan from "./data_kesehatan_warga/fasilitas_kesehatan/tarifDanlayanan";
+import ProsedurPendaftaran from "./data_kesehatan_warga/fasilitas_kesehatan/prosedur_pendaftaran";
+import InformasiJadwalKegiatan from "./data_kesehatan_warga/jadwal_kegiatan/informasi_kegiatan";
+import DeskripsiJadwalKegiatan from "./data_kesehatan_warga/jadwal_kegiatan/deskripsi_kegiatan";
+import LayananTersedia from "./data_kesehatan_warga/jadwal_kegiatan/layanan_yang_tersedia";
+import SyaratKetentuan from "./data_kesehatan_warga/jadwal_kegiatan/syarat_dan_ketentuan";
+import DokumenDiperlukan from "./data_kesehatan_warga/jadwal_kegiatan/dokumen_yang_diperlukan";
+import PendaftaranJadwal from "./data_kesehatan_warga/jadwal_kegiatan/pendaftaran";
+import PersentaseKelahiranKematian from "./data_kesehatan_warga/persentase_kelahiran_kematian";
+import GrafikKepuasan from "./data_kesehatan_warga/grafik_kepuasan";
+
+
+const Kesehatan = new Elysia({
+  prefix: "/api/kesehatan",
+  tags: ["Kesehatan"],
+})
+.use(InformasiUmum)
+.use(LayananUnggulan)
+.use(DokterDantenagamedis)
+.use(FasilitasPendukung)
+.use(TarifDanLayanan)
+.use(ProsedurPendaftaran)
+.use(InformasiJadwalKegiatan)
+.use(DeskripsiJadwalKegiatan)
+.use(LayananTersedia)
+.use(SyaratKetentuan)
+.use(DokumenDiperlukan)
+.use(PendaftaranJadwal)
+.use(PersentaseKelahiranKematian)
+.use(GrafikKepuasan)
+export default Kesehatan;
--- a/src/app/api/[[...slugs]]/route.ts
+++ b/src/app/api/[[...slugs]]/route.ts
@@ -2,16 +2,18 @@ import prisma from "@/lib/prisma";
 import cors, { HTTPMethod } from "@elysiajs/cors";
 import swagger from "@elysiajs/swagger";
 import { Elysia, t } from "elysia";
-import getPotensi from "./_lib/get-potensi";
-import img from "./_lib/img";
 import fs from "fs/promises";
 import path from "path";
-import uplImg from "./_lib/upl-img";
+import getPotensi from "./_lib/get-potensi";
+import img from "./_lib/img";
+import imgDel from "./_lib/img-del";
 import imgs from "./_lib/imgs";
 import uplCsv from "./_lib/upl-csv";
-import imgDel from "./_lib/img-del";
-import { uplImgSingle } from "./_lib/upl-img-single";
 import { uplCsvSingle } from "./_lib/upl-csv-single";
+import uplImg from "./_lib/upl-img";
+import { uplImgSingle } from "./_lib/upl-img-single";
+import Desa from "./_lib/desa";
+import Kesehatan from "./_lib/kesehatan";
 const ROOT = process.cwd();

 if (!process.env.WIBU_UPLOAD_DIR)
@@ -46,6 +48,8 @@ async function layanan() {
 const ApiServer = new Elysia()
  .use(swagger({ path: "/api/docs" }))
  .use(cors(corsConfig))
+  .use(Kesehatan)
+  .use(Desa)
  .onError(({ code }) => {
    if (code === "NOT_FOUND") {
      return {
--- a/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/(tambahan)/fasilitas-kesehatan/page.tsx
+++ b/src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/(tambahan)/fasilitas-kesehatan/page.tsx
@@ -134,7 +134,7 @@ function Page() {
                </List>
                {/* Dokter */}
                <Text fz={'h4'} fw={"bold"}>
-                  Dokter & Tenaga Medis
+                 Layanan & Tarif
                </Text>
                <Divider />
                <Table highlightOnHover withTableBorder withColumnBorders>
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -9,8 +9,7 @@ import 'react-simple-toasts/dist/theme/dark.css';
 import "./globals.css";
 import '@mantine/charts/styles.css';
 import '@mantine/dates/styles.css';
-
-
+import '@mantine/tiptap/styles.css';

 import LoadDataFirstClient from "@/app/darmasaba/_com/LoadDataFirstClient";
 import {
@@ -20,6 +19,7 @@ import {
  mantineHtmlProps,
 } from "@mantine/core";
 import { ViewTransitions } from "next-view-transitions";
+import { ToastContainer } from "react-toastify";

 export const metadata = {
  title: "Desa Darmasaba",
@@ -53,7 +53,11 @@ export default function RootLayout({
        <body>
          <MantineProvider theme={theme}>
            {children}
+
          </MantineProvider>
+          <ToastContainer position="bottom-center" hideProgressBar style={{
+          zIndex: 9999
+        }} />
        </body>
        <LoadDataFirstClient />
      </html>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
nico	8f3ee2f831	Push STG	2025-04-30 16:32:29 +08:00
nico	ea7de13d28	Admin Dashboard Bagian Data Kesehatan	2025-04-30 16:31:18 +08:00
nico	e9d94cfa83	Ngerjain Tabs Jadwal Kegiatan di Data Kesehatan	2025-04-29 11:01:09 +08:00
nico	3f5d607e83	Sudah Dibuatkan Inputan Data Di Data Kesehatan Warga Fasilitas Kesehatan	2025-04-28 10:21:59 +08:00
nico	d575c9c792	Create & Read Data : * Menu Desa : Berita & Pengumuman * Kesehatan : Data Kesehatan Warga => Fasilitas Kesehatan	2025-04-25 10:24:52 +08:00
nico	9a6f8dc7f6	Membuat database menu desa: Berita & Pengummuman	2025-04-22 21:48:01 +08:00