Save

prisma/migrations/20250701093155_nico_1_jul_25_test1/migration.sql

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

prisma/migrations/20250701093435_nico_1_jul_25_test2/migration.sql

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

prisma/schema.prisma

@@ -82,6 +82,12 @@ model FileStorage {
   MenuTipsKeamanan MenuTipsKeamanan[]
 
   Pelapor Pelapor[]
+
+  PasarDesa PasarDesa[]
+
+  KontakDaruratKeamanan KontakDaruratKeamanan[]
+
+  KontakItem KontakItem[]
 }
 
 //========================================= MENU PPID ========================================= //
@@ -924,18 +930,27 @@ model LayananPolsek {
   PolsekTerdekat PolsekTerdekat[]
 }
 
-
-
 // ========================================= KONTAK DARURAT ========================================= //
 model KontakDaruratKeamanan {
-  id        String   @id @default(cuid())
-  nama      String // contoh: "Polisi", "Ambulans", "Pemadam Kebakaran"
-  kontak    String // contoh: "081xxxxxxxxxx"
-  icon      String? // opsional, untuk simpan nama icon-nya jika mau
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-  deletedAt DateTime @default(now())
-  isActive  Boolean  @default(true)
+  id          String       @id @default(uuid())
+  nama        String       // contoh: "Layanan Darurat", "Fasilitas Kesehatan"
+  image       FileStorage? @relation(fields: [imageId], references: [id])
+  imageId     String?
+  kontakItems KontakItem[]
+  createdAt   DateTime     @default(now())
+  updatedAt   DateTime     @updatedAt
+}
+
+model KontakItem {
+  id              String         @id @default(uuid())
+  nama            String         // contoh: "Polisi", "Ambulans", "Puskesmas Darmasaba"
+  nomorTelepon    String
+  image           FileStorage?   @relation(fields: [imageId], references: [id])
+  imageId         String?
+  kategori        KontakDaruratKeamanan @relation(fields: [kategoriId], references: [id])
+  kategoriId      String
+  createdAt       DateTime       @default(now())
+  updatedAt       DateTime       @updatedAt
 }
 
 // ========================================= PENCEGAHAN KRIMINALITAS ========================================= //
@@ -1031,3 +1046,32 @@ model MenuTipsKeamanan {
   deletedAt DateTime     @default(now())
   isActive  Boolean      @default(true)
 }
+
+// ========================================= MENU EKONOMI ========================================= //
+// ========================================= PASAR DESA ========================================= //
+model PasarDesa {
+  id        String                       @id @default(uuid())
+  nama      String // contoh: "Kerupuk Babi"
+  harga     Int // disimpan dalam bentuk angka: 12000
+  satuan    String // contoh: "pcs", "1 kg"
+  alamat    String // contoh: "Jl. Kenari no.7"
+  image     FileStorage                  @relation(fields: [imageId], references: [id])
+  imageId   String
+  rating    Float // contoh: 4.9
+  createdAt DateTime                     @default(now())
+  updatedAt DateTime                     @updatedAt
+  deletedAt DateTime                     @default(now())
+  isActive  Boolean                      @default(true)
+  kategori  KategoriMakanan @relation(fields: [kategoriId], references: [id])
+  kategoriId String
+}
+
+model KategoriMakanan {
+  id        String                       @id @default(uuid())
+  nama      String // contoh: "Makanan", "Bahan Bangunan", dll
+  createdAt DateTime                     @default(now())
+  updatedAt DateTime                     @updatedAt
+  deletedAt DateTime?
+  isActive  Boolean                      @default(true)
+  PasarDesa PasarDesa[]
+}

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

@@ -0,0 +1,230 @@
+import ApiFetch from "@/lib/api-fetch";
+import { Prisma } from "@prisma/client";
+import { toast } from "react-toastify";
+import { proxy } from "valtio";
+import { z } from "zod";
+
+const templateForm = z.object({
+  nama: z.string().min(3, "Nama minimal 3 karakter"),
+  harga: z.number().min(1, "Harga minimal 1"),
+  satuan: z.string().min(3, "Satuan minimal 3 karakter"),
+  alamat: z.string().min(3, "Alamat minimal 3 karakter"),
+  imageId: z.string().min(1, "Gambar wajib dipilih"),
+  rating: z.number().min(1, "Rating minimal 1"),
+  kategoriId: z.string().min(1, "Kategori wajib dipilih"),
+});
+
+const defaultForm = {
+  nama: "",
+  harga: 0,
+  satuan: "",
+  alamat: "",
+  imageId: "",
+  rating: 0,
+  kategoriId: "",
+};
+
+const pasarDesaState = proxy({
+  create: {
+    form: { ...defaultForm },
+    loading: false,
+    async create() {
+      const cek = templateForm.safeParse(pasarDesaState.create.form);
+      if (!cek.success) {
+        const err = `[${cek.error.issues
+          .map((v) => `${v.path.join(".")}`)
+          .join("\n")}] required`;
+        return toast.error(err);
+      }
+      try {
+        pasarDesaState.create.loading = true;
+        const res = await ApiFetch.api.ekonomi.pasardesa["create"].post(
+          pasarDesaState.create.form
+        );
+        if (res.status === 200) {
+          pasarDesaState.findMany.load();
+          return toast.success("Data berhasil ditambahkan");
+        }
+        return toast.error("Gagal menambahkan data");
+      } catch (error) {
+        console.log(error);
+        toast.error("Gagal menambahkan data");
+      } finally {
+        pasarDesaState.create.loading = false;
+      }
+    },
+  },
+  findMany: {
+    data: null as
+      | Prisma.PasarDesaGetPayload<{
+          include: { kategori: true; image: true };
+        }>[]
+      | null,
+    async load() {
+      const res = await ApiFetch.api.ekonomi.pasardesa["find-many"].get();
+      if (res.status === 200) {
+        pasarDesaState.findMany.data = res.data?.data ?? [];
+      }
+    },
+  },
+  findUnique: {
+    data: null as Prisma.PasarDesaGetPayload<{
+      include: { kategori: true; image: true };
+    }> | null,
+    async load(id: string) {
+      try {
+        const res = await fetch(`/api/ekonomi/pasardesa/${id}`);
+        if (res.ok) {
+          const data = await res.json();
+          pasarDesaState.findUnique.data = data.data ?? null;
+        } else {
+          console.error("Failed to fetch data", res.status, res.statusText);
+          pasarDesaState.findUnique.data = null;
+        }
+      } catch (error) {
+        console.error("Error fetching data:", error);
+        pasarDesaState.findUnique.data = null;
+      }
+    },
+  },
+  delete: {
+    loading: false,
+    async byId(id: string) {
+      if (!id) return toast.warn("ID tidak valid");
+
+      try {
+        pasarDesaState.delete.loading = true;
+
+        const response = await fetch(`/api/ekonomi/pasardesa/del/${id}`, {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+        });
+
+        const result = await response.json();
+
+        if (response.ok && result?.success) {
+          toast.success(result.message || "Pasar desa berhasil dihapus");
+          await pasarDesaState.findMany.load(); // refresh list
+        } else {
+          toast.error(result?.message || "Gagal menghapus pasar desa");
+        }
+      } catch (error) {
+        console.error("Gagal delete:", error);
+        toast.error("Terjadi kesalahan saat menghapus pasar desa");
+      } finally {
+        pasarDesaState.delete.loading = false;
+      }
+    },
+  },
+   edit: {
+      id: "",
+      form: { ...defaultForm },
+      loading: false,
+  
+      async load(id: string) {
+        if (!id) {
+          toast.warn("ID tidak valid");
+          return null;
+        }
+  
+        try {
+          const response = await fetch(`/api/ekonomi/pasardesa/${id}`, {
+            method: "GET",
+            headers: {
+              "Content-Type": "application/json",
+            },
+          });
+          if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+          }
+          const result = await response.json();
+          if (result?.success) {
+            const data = result.data;
+            this.id = data.id;
+            this.form = {
+              nama: data.nama,
+              harga: data.harga,
+              satuan: data.satuan,
+              alamat: data.alamat,
+              imageId: data.imageId,
+              rating: data.rating,
+              kategoriId: data.kategoriId,
+            };
+            return data;
+          } else {
+            throw new Error(result?.message || "Gagal memuat data");
+          }
+        } catch (error) {
+          console.error("Error loading pasar desa:", error);
+          toast.error(
+            error instanceof Error ? error.message : "Gagal memuat data"
+          );
+          return null;
+        }
+      },
+  
+      async update() {
+        const cek = templateForm.safeParse(pasarDesaState.edit.form);
+        if (!cek.success) {
+          const err = `[${cek.error.issues
+            .map((v) => `${v.path.join(".")}`)
+            .join("\n")}] required`;
+          return toast.error(err);
+        }
+  
+        try {
+          pasarDesaState.edit.loading = true;
+          const response = await fetch(
+            `/api/ekonomi/pasardesa/${this.id}`,
+            {
+              method: "PUT",
+              headers: {
+                "Content-Type": "application/json",
+              },
+              body: JSON.stringify({
+                nama: this.form.nama,
+                harga: this.form.harga,
+                satuan: this.form.satuan,
+                alamat: this.form.alamat,
+                imageId: this.form.imageId,
+                rating: this.form.rating,
+                kategoriId: this.form.kategoriId,
+              }),
+            }
+          );
+          if (!response.ok) {
+            const errorData = await response.json().catch(() => ({}));
+            throw new Error(
+              errorData.message || `HTTP error! status: ${response.status}`
+            );
+          }
+          const result = await response.json();
+          if (result.success) {
+            toast.success("Berhasil update pasar desa");
+            await pasarDesaState.findMany.load(); // refresh list
+            return true;
+          } else {
+            throw new Error(result.message || "Gagal mengupdate pasar desa");
+          }
+        } catch (error) {
+          console.error("Error updating pasar desa:", error);
+          toast.error(
+            error instanceof Error
+              ? error.message
+              : "Gagal mengupdate pasar desa"
+          );
+          return false;
+        } finally {
+          pasarDesaState.edit.loading = false;
+        }
+      },
+      reset() {
+        pasarDesaState.edit.id = "";
+        pasarDesaState.edit.form = { ...defaultForm };
+      },
+    },
+});
+
+export default pasarDesaState;

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

@@ -5,16 +5,16 @@ import { proxy } from "valtio";
 import { z } from "zod";
 
 const templateForm = z.object({
-  nama: z.string().min(3, "Nama minimal 3 karakter"),
-  jarakKeDesa: z.string().min(3, "Jarak minimal 3 karakter"),
-  alamat: z.string().min(3, "Alamat minimal 3 karakter"),
-  nomorTelepon: z.string().min(3, "Nomor Telepon minimal 3 karakter"),
-  jamOperasional: z.string().min(3, "Jam Operasional minimal 3 karakter"),
-  embedMapUrl: z.string().min(3, "Embed Map Url minimal 3 karakter"),
-  namaTempatMaps: z.string().min(3, "Nama Tempat Maps minimal 3 karakter"),
-  alamatMaps: z.string().min(3, "Alamat Maps minimal 3 karakter"),
-  linkPetunjukArah: z.string().min(3, "Link Petunjuk Arah minimal 3 karakter"),
-  layananPolsekId: z.string().min(3, "Layanan Polsek Id minimal 3 karakter"),
+  nama: z.string().min(1, "Nama minimal 1 karakter"),
+  jarakKeDesa: z.string().min(1, "Jarak minimal 1 karakter"),
+  alamat: z.string().min(1, "Alamat minimal 1 karakter"),
+  nomorTelepon: z.string().min(1, "Nomor Telepon minimal 1 karakter"),
+  jamOperasional: z.string().min(1, "Jam Operasional minimal 1 karakter"),
+  embedMapUrl: z.string().min(1, "Embed Map Url minimal 1 karakter"),
+  namaTempatMaps: z.string().min(1, "Nama Tempat Maps minimal 1 karakter"),
+  alamatMaps: z.string().min(1, "Alamat Maps minimal 1 karakter"),
+  linkPetunjukArah: z.string().min(1, "Link Petunjuk Arah minimal 1 karakter"),
+  layananPolsekId: z.string().min(1, "Layanan Polsek Id minimal 1 karakter"),
 });
 
 const defaultForm = {

src/app/admin/(dashboard)/ekonomi/pasar-desa/_lib/layoutTabs.tsx

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

src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-makanan/[id]/edit/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;

src/app/admin/(dashboard)/ekonomi/pasar-desa/kategori-makanan/[id]/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Page() {
+  return (
+    <div>
+      Page
+    </div>
+  );
+}
+
+export default Page;

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

@@ -0,0 +1,79 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
+import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
+import { useShallowEffect } from '@mantine/hooks';
+import { useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import JudulList from '../../../_com/judulList';
+import pasarDesaState from '../../../_state/ekonomi/pasar-desa/pasar-desa';
+
+function PasarDesa() {
+  return (
+    <Box>
+      <HeaderSearch
+        title='Kategori Makanan'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+      />
+      <ListPasarDesa />
+    </Box>
+  );
+}
+
+function ListPasarDesa() {
+  const statePasar = useProxy(pasarDesaState)
+  const router = useRouter();
+
+  useShallowEffect(() => {
+    statePasar.findMany.load()
+  }, [])
+
+  if (!statePasar.findMany.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton h={500} />
+      </Stack>
+    )
+  }
+
+  return (
+    <Box py={10}>
+      <Paper bg={colors['white-1']} p={'md'}>
+        <JudulList
+          title='List Produk Pasar Desa'
+          href='/admin/ekonomi/pasar-desa/create'
+        />
+        <Table striped withTableBorder withRowBorders>
+          <TableThead>
+            <TableTr>
+              <TableTh>Nama Produk</TableTh>
+              <TableTh>Harga Produk</TableTh>
+              <TableTh>Rating Produk</TableTh>
+              <TableTh>Alamat Usaha</TableTh>
+              <TableTh>Detail</TableTh>
+            </TableTr>
+          </TableThead>
+          <TableTbody>
+            {statePasar.findMany.data?.map((item) => (
+              <TableTr key={item.id}>
+                <TableTd>{item.nama}</TableTd>
+                <TableTd>{item.harga}</TableTd>
+                <TableTd>{item.rating}</TableTd>
+                <TableTd>{item.alamat}</TableTd>
+                <TableTd>
+                  <Button onClick={() => router.push(`/admin/ekonomi/pasar-desa/${item.id}`)}>
+                    <IconDeviceImac size={20} />
+                  </Button>
+                </TableTd>
+              </TableTr>
+            ))}
+          </TableTbody>
+        </Table>
+      </Paper>
+    </Box>
+  );
+}
+
+export default PasarDesa;

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

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

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

@@ -1,60 +0,0 @@
-'use client'
-import colors from '@/con/colors';
-import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
-import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
-import HeaderSearch from '../../_com/header';
-import JudulList from '../../_com/judulList';
-import { useRouter } from 'next/navigation';
-
-function PasarDesa() {
-  return (
-    <Box>
-      <HeaderSearch
-        title='Pasar Desa'
-        placeholder='pencarian'
-        searchIcon={<IconSearch size={20} />}
-      />
-      <ListPasarDesa/>
-    </Box>
-  );
-}
-
-function ListPasarDesa() {
-  const router = useRouter();
-  return (
-    <Box py={10}>
-      <Paper bg={colors['white-1']} p={'md'}>
-        <JudulList
-          title='List Pasar Desa'
-          href='/admin/ekonomi/pasar-desa/create'
-        />
-        <Table striped withTableBorder withRowBorders>
-          <TableThead>
-            <TableTr>
-              <TableTh>Nama Produk</TableTh>
-              <TableTh>Harga Produk</TableTh>
-              <TableTh>Rating Produk</TableTh>
-              <TableTh>Alamat Usaha</TableTh>
-              <TableTh>Detail</TableTh>
-              </TableTr>
-          </TableThead>
-          <TableTbody>
-            <TableTr>
-              <TableTd>Produk 1</TableTd>
-              <TableTd>Harga Rp. 20.000</TableTd>
-              <TableTd>Rating 5</TableTd>
-              <TableTd>Jalan In Aja</TableTd>
-              <TableTd>
-                <Button onClick={() => router.push('/admin/ekonomi/pasar-desa/detail')}>
-                  <IconDeviceImac size={20} />
-                </Button>
-              </TableTd>
-            </TableTr>
-          </TableTbody>
-        </Table>  
-      </Paper>
-    </Box>
-  );
-}
-
-export default PasarDesa;

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

@@ -3,7 +3,7 @@ import colors from '@/con/colors';
 import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack, IconImageInPicture } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { KeamananEditor } from '../../../keamanan/_com/keamananEditor';
+import { KeamananEditor } from '../../../../keamanan/_com/keamananEditor';
 
 function CreatePasarDesa() {
   const router = useRouter();

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

@@ -3,7 +3,7 @@ import colors from '@/con/colors';
 import { Box, Button, Group, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
 import { IconArrowBack, IconImageInPicture } from '@tabler/icons-react';
 import { useRouter } from 'next/navigation';
-import { KeamananEditor } from '../../../keamanan/_com/keamananEditor';
+import { KeamananEditor } from '../../../../keamanan/_com/keamananEditor';
 
 function EditPasarDesa() {
   const router = useRouter();

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

@@ -0,0 +1,79 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
+import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
+import { useShallowEffect } from '@mantine/hooks';
+import { useRouter } from 'next/navigation';
+import { useProxy } from 'valtio/utils';
+import HeaderSearch from '../../../_com/header';
+import JudulList from '../../../_com/judulList';
+import pasarDesaState from '../../../_state/ekonomi/pasar-desa/pasar-desa';
+
+function PasarDesa() {
+  return (
+    <Box>
+      <HeaderSearch
+        title='Produk Pasar Desa'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+      />
+      <ListPasarDesa />
+    </Box>
+  );
+}
+
+function ListPasarDesa() {
+  const statePasar = useProxy(pasarDesaState)
+  const router = useRouter();
+
+  useShallowEffect(() => {
+    statePasar.findMany.load()
+  }, [])
+
+  if (!statePasar.findMany.data) {
+    return (
+      <Stack py={10}>
+        <Skeleton h={500} />
+      </Stack>
+    )
+  }
+
+  return (
+    <Box py={10}>
+      <Paper bg={colors['white-1']} p={'md'}>
+        <JudulList
+          title='List Produk Pasar Desa'
+          href='/admin/ekonomi/pasar-desa/create'
+        />
+        <Table striped withTableBorder withRowBorders>
+          <TableThead>
+            <TableTr>
+              <TableTh>Nama Produk</TableTh>
+              <TableTh>Harga Produk</TableTh>
+              <TableTh>Rating Produk</TableTh>
+              <TableTh>Alamat Usaha</TableTh>
+              <TableTh>Detail</TableTh>
+            </TableTr>
+          </TableThead>
+          <TableTbody>
+            {statePasar.findMany.data?.map((item) => (
+              <TableTr key={item.id}>
+                <TableTd>{item.nama}</TableTd>
+                <TableTd>{item.harga}</TableTd>
+                <TableTd>{item.rating}</TableTd>
+                <TableTd>{item.alamat}</TableTd>
+                <TableTd>
+                  <Button onClick={() => router.push(`/admin/ekonomi/pasar-desa/${item.id}`)}>
+                    <IconDeviceImac size={20} />
+                  </Button>
+                </TableTd>
+              </TableTr>
+            ))}
+          </TableTbody>
+        </Table>
+      </Paper>
+    </Box>
+  );
+}
+
+export default PasarDesa;

src/app/admin/_com/list_PageAdmin.tsx

@@ -215,7 +215,7 @@ export const navBar = [
       {
         id: "Ekonomi_1",
         name: "Pasar Desa",
-        path: "/admin/ekonomi/pasar-desa"
+        path: "/admin/ekonomi/pasar-desa/pasar-desa-ui"
       },
       {
         id: "Ekonomi_2",

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

@@ -0,0 +1,12 @@
+import Elysia from "elysia";
+import PasarDesa from "./pasar-desa";
+import KategoriMakanan from "./kategori-makanan";
+
+const Ekonomi = new Elysia({
+  prefix: "/api/ekonomi",
+  tags: ["Ekonomi"],
+})
+.use(PasarDesa)
+.use(KategoriMakanan)
+
+export default Ekonomi

src/app/api/[[...slugs]]/_lib/ekonomi/kategori-makanan/create.ts

@@ -0,0 +1,26 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+
+export default async function kategoriMakananCreate(context: Context) {
+    const body = context.body as {nama: string};
+
+    if (!body.nama) {
+        return {
+            success: false,
+            message: "Nama is required",
+        };
+    }
+
+    const kategoriMakanan = await prisma.kategoriMakanan.create({
+        data: {
+            nama: body.nama,
+            deletedAt: null,
+        },
+    });
+    return {
+        success: true,
+        message: "Success create kategori makanan",
+        data: kategoriMakanan
+    };
+}

src/app/api/[[...slugs]]/_lib/ekonomi/kategori-makanan/del.ts

@@ -0,0 +1,33 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+const kategoriMakananDelete = async (context: Context) => {
+    const id = context.params.id;
+    if (!id) {
+        return {
+            success: false,
+            message: "ID is required",
+        }
+    }
+
+    const kategoriMakanan = await prisma.kategoriMakanan.delete({
+        where: {
+            id: id,
+        },
+    })
+
+    if(!kategoriMakanan) {
+        return {
+            success: false,
+            message: "Kategori makanan tidak ditemukan",
+        }
+    }
+
+    return {
+        success: true,
+        message: "Success delete kategori makanan",
+        data: kategoriMakanan,
+    }
+}
+
+export default kategoriMakananDelete

src/app/api/[[...slugs]]/_lib/ekonomi/kategori-makanan/findMany.ts

@@ -0,0 +1,15 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import prisma from "@/lib/prisma";
+
+export default async function kategoriMakananFindMany() {
+    const data = await prisma.kategoriMakanan.findMany();
+    return { 
+        success: true,
+        data: data.map((item: any) => {
+            return {
+                id: item.id,
+                nama: item.nama,
+            }
+        }),
+    };
+}

src/app/api/[[...slugs]]/_lib/ekonomi/kategori-makanan/findUnique.ts

@@ -0,0 +1,47 @@
+import { Context } from "elysia";
+import prisma from "@/lib/prisma";
+
+export default async function kategoriMakananFindUnique(context: Context) {
+    const url = new URL(context.request.url);
+    const pathSegments = url.pathname.split('/');
+    const id = pathSegments[pathSegments.length - 1];
+    
+    if (!id) {
+        return {
+            success: false,
+            message: "ID is required",
+        }
+    }
+
+    try {
+        if (typeof id !== 'string') {
+            return {
+                success: false,
+                message: "ID is required",
+            }
+        }
+
+        const data = await prisma.kategoriMakanan.findUnique({
+            where: { id },
+        });
+
+        if (!data) {
+            return {
+                success: false,
+                message: "Kategori makanan tidak ditemukan",
+            }
+        }
+
+        return {
+            success: true,
+            message: "Success find kategori makanan",
+            data,
+        }
+    } catch (error) {
+        console.error("Find by ID error:", error);
+        return {
+            success: false,
+            message: "Gagal mengambil kategori makanan: " + (error instanceof Error ? error.message : 'Unknown error'),
+        }
+    }
+}

src/app/api/[[...slugs]]/_lib/ekonomi/kategori-makanan/index.ts

@@ -0,0 +1,30 @@
+import Elysia from "elysia";
+import kategoriMakananFindMany from "./findMany";
+import kategoriMakananFindUnique from "./findUnique";
+import kategoriMakananDelete from "./del";
+import kategoriMakananCreate from "./create";
+import kategoriMakananUpdate from "./updt";
+import { t } from "elysia";
+
+const KategoriMakanan = new Elysia({
+    prefix: "/kategori-makanan",
+    tags: ["Ekonomi/Kategori Makanan"],
+})
+    .get("/find-many", kategoriMakananFindMany)
+    .get("/:id", async (context) => {
+        const response = await kategoriMakananFindUnique(context);
+        return response;
+    })
+    .delete("/del/:id", kategoriMakananDelete)
+    .post("/create", kategoriMakananCreate, {
+        body: t.Object({
+            nama: t.String(),
+        }),
+    })
+    .put("/:id", kategoriMakananUpdate, {
+        body: t.Object({
+            nama: t.String(),
+        }),
+    });
+
+export default KategoriMakanan;

src/app/api/[[...slugs]]/_lib/ekonomi/kategori-makanan/updt.ts

@@ -0,0 +1,35 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+export default async function kategoriMakananUpdate(context: Context) {
+    const body = await context.request.json()
+
+    if (!body.nama) {
+        return {
+            success: false,
+            message: "Nama is required",
+        }
+    }
+
+    const kategoriMakanan = await prisma.kategoriMakanan.update({
+        where: {
+            id: body.id,
+        },
+        data: {
+            nama: body.nama,
+        },
+    })
+
+    if(!kategoriMakanan) {
+        return {
+            success: false,
+            message: "Kategori makanan tidak ditemukan",
+        }
+    }
+
+    return {
+        success: true,
+        message: "Success update kategori makanan",
+        data: kategoriMakanan,
+    }
+}

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

@@ -0,0 +1,38 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+type FormCreate = {
+  nama: string;
+  harga: number;
+  satuan: string;
+  alamat: string;
+  imageId: string;
+  rating: number;
+  kategoriId: string; // Array of KategoriMakanan IDs
+};
+export default async function pasarDesaCreate(context: Context) {
+  const body = context.body as FormCreate;
+
+  // First, create the PasarDesa record
+  const pasarDesa = await prisma.pasarDesa.create({
+    data: {
+      nama: body.nama,
+      harga: Number(body.harga),
+      satuan: body.satuan,
+      alamat: body.alamat,
+      imageId: body.imageId,
+      rating: Number(body.rating),
+      kategoriId: body.kategoriId,
+    },
+    include: {
+      image: true,
+      kategori: true,
+    },
+  });
+
+    return {
+      success: true,
+      message: "Success create pasar desa",
+      data: pasarDesa,
+    };
+}

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

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

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

@@ -0,0 +1,25 @@
+import prisma from "@/lib/prisma";
+
+export default async function pasarDesaFindMany() {
+    try {
+        const data = await prisma.pasarDesa.findMany({
+            where: { isActive: true },
+            include: {
+                image: true,
+                kategori: true,
+            },
+        });
+
+        return {
+            success: true,
+            message: "Success fetch pasar desa",
+            data,
+        };
+    } catch (e) {
+        console.error("Find many error:", e);
+        return {
+            success: false,
+            message: "Failed fetch pasar desa",
+        };
+    }
+}

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

@@ -1,6 +1,6 @@
 import prisma from "@/lib/prisma";
 
-export default async function kontakDaruratKeamananFindUnique(request: Request){
+export default async function pasarDesaFindUnique(request: Request){
     const url = new URL(request.url);
     const pathSegments = url.pathname.split('/');
     const id = pathSegments[pathSegments.length - 1];
@@ -20,27 +20,35 @@ export default async function kontakDaruratKeamananFindUnique(request: Request){
             }, { status: 400 });
         }
 
-        const data = await prisma.kontakDaruratKeamanan.findUnique({
+        const data = await prisma.pasarDesa.findUnique({
             where: { id },
+            include: {
+                image: true,
+                kategori: true,
+            },
         });
 
         if (!data) {
             return Response.json({
                 success: false,
-                message: "Kontak darurat keamanan tidak ditemukan",
+                message: "Pasar desa tidak ditemukan",
             }, { status: 404 });
         }
 
         return Response.json({
             success: true,
-            message: "Success fetch kontak darurat keamanan by ID",
+            message: "Success fetch pasar desa by ID",
             data,
-        }, { status: 200 });
-    } catch (error) {
-        console.error("Find by ID error:", error);
+        }, {
+            status: 200,
+        });
+    } catch (e) {
+        console.error("Find by ID error:", e);
         return Response.json({
             success: false,
-            message: "Gagal mengambil kontak darurat keamanan: " + (error instanceof Error ? error.message : 'Unknown error'),
-        }, { status: 500 });
+            message: "Gagal mengambil pasar desa: " + (e instanceof Error ? e.message : 'Unknown error'),
+        }, {
+            status: 500,
+        });
     }
 }

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

@@ -0,0 +1,48 @@
+import Elysia, { t } from "elysia";
+import pasarDesaCreate from "./create";
+import pasarDesaDelete from "./del";
+import pasarDesaFindMany from "./findMany";
+import pasarDesaUpdate from "./updt";
+import pasarDesaFindUnique from "./findUnique";
+
+const PasarDesa = new Elysia({
+  prefix: "/pasardesa",
+  tags: ["Ekonomi/Pasar Desa"],
+})
+  .get("/find-many", pasarDesaFindMany)
+  .get("/:id", async (context) => {
+    const response = await pasarDesaFindUnique(new Request(context.request));
+    return response;
+  })
+  .post("/create", pasarDesaCreate, {
+    body: t.Object({
+      nama: t.String(),
+      harga: t.Number(),
+      satuan: t.String(),
+      alamat: t.String(),
+      imageId: t.String(),
+      rating: t.Number(),
+      kategoriId:t.String(),
+    }),
+  })
+  .delete("/del/:id", pasarDesaDelete)
+  .put(
+    "/:id",
+    async (context) => {
+      const response = await pasarDesaUpdate(context);
+      return response;
+    },
+    {
+      body: t.Object({
+        nama: t.String(),
+        harga: t.Number(),
+        satuan: t.String(),
+        alamat: t.String(),
+        imageId: t.String(),
+        rating: t.Number(),
+        kategoriId: t.String(),
+      }),
+    }
+  );
+
+export default PasarDesa;

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

@@ -0,0 +1,98 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+import fs from "fs/promises";
+import path from "path";
+
+type FormUpdate = {
+    nama: string;
+    harga: number;
+    satuan: string;
+    alamat: string;
+    imageId: string;
+    rating: number;
+    kategoriId: string; // Array of KategoriMakanan IDs
+  };
+
+export default async function pasarDesaUpdate(context: Context){
+    try {
+        const id = context.params?.id;
+        const body = context.body as FormUpdate;
+
+        const { nama, harga, satuan, alamat, imageId, rating, kategoriId } = body;
+        
+        if (!id) {
+            return Response.json({
+                success: false,
+                message: "ID tidak boleh kosong",
+            }, { status: 400 });
+        }
+
+        const existing = await prisma.pasarDesa.findUnique({
+            where: { id },
+            include: {
+                image: true,
+                kategori: true,
+            },
+        })
+
+        if (!existing) {
+            return Response.json({
+                success: false,
+                message: "Pasar desa tidak ditemukan",
+            }, { status: 404 });
+        }
+
+        if (existing.imageId && existing.imageId !== imageId) {
+            const oldImage = existing.image;
+            if (oldImage) {
+              try {
+                const filePath = path.join(oldImage.path, oldImage.name);
+                await fs.unlink(filePath);
+                await prisma.fileStorage.delete({
+                  where: { id: oldImage.id },
+                });
+              } catch (err) {
+                console.error("Gagal hapus gambar lama:", err);
+              }
+            }
+          }
+
+        // First, update the main PasarDesa record
+        await prisma.pasarDesa.update({
+            where: { id },
+            data: {
+                nama,
+                harga,
+                satuan,
+                alamat,
+                imageId,
+                rating,
+                kategoriId,
+            },
+        });
+
+        // Fetch the updated record with all relations
+        const updated = await prisma.pasarDesa.findUnique({
+            where: { id },
+            include: {
+                image: true,
+                kategori: true,
+            }
+        });
+        return Response.json({
+            success: true,
+            message: "Success update pasar desa",
+            data: updated,
+        }, {
+            status: 200,
+        });
+    } catch (e) {
+        console.error("Update error:", e);
+        return Response.json({
+            success: false,
+            message: "Gagal mengupdate pasar desa: " + (e instanceof Error ? e.message : 'Unknown error'),
+        }, {
+            status: 500,
+        });
+    }
+}

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

@@ -1,18 +1,18 @@
 import Elysia from "elysia";
 import KeamananLingkungan from "./keamanan-lingkungan";
 import PolsekTerdekat from "./polsek-terdekat";
-import KontakDarurat from "./kontak-darurat";
 import PencegahanKriminalitas from "./pencegahan-kriminalitas";
 import MenuTipsKeamanan from "./tips-keamanan";
 import LaporanPublik from "./laporan-publik";
 import LayananPolsek from "./layanan-polsek";
+import KontakDaruratKeamanan from "./kontak-darurat-keamanan";
 
 const Keamanan = new Elysia({ prefix: "/api/keamanan", tags: ["Keamanan"] })
 .use(KeamananLingkungan)
 .use(PolsekTerdekat)
-.use(KontakDarurat)
 .use(PencegahanKriminalitas)
 .use(MenuTipsKeamanan)
 .use(LaporanPublik)
 .use(LayananPolsek)
+.use(KontakDaruratKeamanan)
 export default Keamanan;

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/create.ts

@@ -1,22 +1,28 @@
 import prisma from "@/lib/prisma";
-import { Prisma } from "@prisma/client";
 import { Context } from "elysia";
 
-type FormCreate = Prisma.KontakDaruratKeamananGetPayload<{
-    select: {
-        nama: true,
-        kontak: true,
-        icon: true,
-    }
-}>
+type FormCreate = {
+        nama: string,
+        imageId?: string,
+        kontakItems: {
+            nama: string,
+            nomorTelepon: string,
+            imageId?: string
+        }[]
+}
 export default async function kontakDaruratKeamananCreate(context: Context){
     const body = context.body as FormCreate
 
     await prisma.kontakDaruratKeamanan.create({
         data: {
             nama: body.nama,
-            kontak: body.kontak,
-            icon: body.icon,
+            imageId: body.imageId,
+            kontakItems: {
+                create: body.kontakItems,
+            },
+        },
+        include: {
+            kontakItems: true,
         }
     })
     return {

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/del.ts

@@ -11,6 +11,12 @@ export default async function kontakDaruratKeamananDelete(context: Context){
         };
     }
 
+    await prisma.kontakItem.deleteMany({
+        where: {
+          kategoriId: id,
+        },
+      });
+
     const kontakDaruratKeamanan = await prisma.kontakDaruratKeamanan.findUnique({
         where: { id },
     });

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/findMany.ts

@@ -3,7 +3,13 @@ import prisma from "@/lib/prisma";
 export default async function kontakDaruratKeamananFindMany() {
     try {
         const data = await prisma.kontakDaruratKeamanan.findMany({
-            where: { isActive: true },
+            include: {
+                kontakItems: true,
+                image: true,
+            },
+            orderBy: {
+                createdAt: "desc",
+            }
         });
 
         return {

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/findUnique.ts

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

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/index.ts

@@ -0,0 +1,53 @@
+import Elysia, { t } from "elysia";
+import kontakDaruratKeamananCreate from "./create";
+import kontakDaruratKeamananDelete from "./del";
+import kontakDaruratKeamananFindMany from "./findMany";
+import kontakDaruratKeamananFindUnique from "./findUnique";
+import kontakDaruratKeamananUpdate from "./updt";
+
+const KontakDaruratKeamanan = new Elysia({
+  prefix: "/kontak-darurat-keamanan",
+  tags: ["Keamanan/Kontak Darurat"],
+})
+  .get("/find-many", kontakDaruratKeamananFindMany)
+  .get("/:id", async (context) => {
+    const response = await kontakDaruratKeamananFindUnique(
+      new Request(context.request)
+    );
+    return response;
+  })
+  .post("/create", kontakDaruratKeamananCreate, {
+    body: t.Object({
+      nama: t.String(),
+      imageId: t.Optional(t.String()),
+      kontakItems: t.Array(
+        t.Object({
+          nama: t.String(),
+          nomorTelepon: t.String(),
+          imageId: t.Optional(t.String()),
+        })
+      ),
+    }),
+  })
+  .delete("/del/:id", kontakDaruratKeamananDelete)
+  .put(
+    "/:id",
+    async (context) => {
+      const response = await kontakDaruratKeamananUpdate(context);
+      return response;
+    },
+    {
+      body: t.Object({
+        nama: t.String(),
+        imageId: t.Optional(t.String()),
+        kontakItems: t.Array(
+          t.Object({
+            nama: t.String(),
+            nomorTelepon: t.String(),
+            imageId: t.Optional(t.String()),
+          })
+        ),
+      }),
+    }
+  );
+export default KontakDaruratKeamanan;

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/updt.ts

@@ -0,0 +1,57 @@
+import prisma from "@/lib/prisma";
+import { Context } from "elysia";
+
+type FormUpdate = {
+    nama: string;
+    imageId?: string;
+    kontakItems: {
+      nama: string;
+      nomorTelepon: string;
+      imageId?: string;
+    }[];
+  };
+
+export default async function kontakDaruratKeamananUpdate(context: Context){
+    try {
+        const { id } = context.params as { id: string };
+        const body = context.body as FormUpdate;
+      
+        // Hapus kontakItems lama
+        await prisma.kontakItem.deleteMany({
+          where: {
+            kategoriId: id,
+          },
+        });
+      
+        // Update utama
+        const updated = await prisma.kontakDaruratKeamanan.update({
+          where: { id },
+          data: {
+            nama: body.nama,
+            imageId: body.imageId,
+            kontakItems: {
+              create: body.kontakItems,
+            },
+          },
+          include: {
+            kontakItems: true,
+          },
+        });
+      
+        return {
+          success: true,
+          message: "Success update kontak darurat keamanan",
+          data: updated,
+        };
+    } catch (error) {
+        console.error("Error updating kontak darurat keamanan:", error);
+        return Response.json({
+            success: false,
+            message: "Terjadi kesalahan saat mengupdate kontak darurat keamanan",
+        }, { status: 500 ,
+            headers: {
+                "Content-Type": "application/json",
+            },
+        });
+    }
+}

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat/index.ts

@@ -1,32 +0,0 @@
-import Elysia, { t } from "elysia";
-import kontakDaruratKeamananFindMany from "./findMany";
-import kontakDaruratKeamananFindUnique from "./findUnique";
-import kontakDaruratKeamananCreate from "./create";
-import kontakDaruratKeamananDelete from "./del";
-
-const kontakDaruratKeamanan = new Elysia({ prefix: "/kontak-darurat", tags: ["Keamanan/Kontak Darurat"] })
-.get("/find-many", kontakDaruratKeamananFindMany)
-.get("/:id", async (context) => {
-    const response = await kontakDaruratKeamananFindUnique(new Request(context.request));
-    return response;
-})
-.post("/create", kontakDaruratKeamananCreate, {
-    body: t.Object({
-        nama: t.String(),
-        kontak: t.String(),
-        icon: t.String(),
-    }),
-})
-.delete("/del/:id", kontakDaruratKeamananDelete)
-.put("/:id", async (context) => {
-    const response = await kontakDaruratKeamananCreate(context);
-    return response;
-},
-{
-    body: t.Object({
-        nama: t.String(),
-        kontak: t.String(),
-        icon: t.String(),
-    }),
-})
-export default kontakDaruratKeamanan;

src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat/updt.ts

@@ -1,61 +0,0 @@
-import prisma from "@/lib/prisma";
-import { Prisma } from "@prisma/client";
-import { Context } from "elysia";
-
-type FormUpdate = Prisma.KontakDaruratKeamananGetPayload<{
-    select: {
-        nama: true;
-        kontak: true;
-        icon: true;
-    }
-}>
-export default async function kontakDaruratUpdate(context: Context){
-    try {
-        const id = context.params?.id;
-        const body = (await context.body) as Omit<FormUpdate, "id">;
-
-        const {nama, kontak, icon} = body;
-
-        if(!id){
-            return Response.json({
-                success: false,
-                message: "ID tidak diberikan",
-            }, { status: 400 });
-        }
-
-        const existing = await prisma.kontakDaruratKeamanan.findUnique({
-            where: { id },
-        });
-
-        if (!existing) {
-            return Response.json({
-                success: false,
-                message: "Kontak darurat keamanan tidak ditemukan",
-            }, { status: 404 });
-        }
-        const updated = await prisma.kontakDaruratKeamanan.update({
-            where: { id },
-            data: {
-                nama,
-                kontak,
-                icon,
-            },
-        });
-
-        return Response.json({
-            success: true,
-            message: "Success update kontak darurat keamanan",
-            data: updated,
-        }, { status: 200 });
-    } catch (error) {
-        console.error("Error updating kontak darurat keamanan:", error);
-        return Response.json({
-            success: false,
-            message: "Terjadi kesalahan saat mengupdate kontak darurat keamanan",
-        }, { status: 500 ,
-            headers: {
-                "Content-Type": "application/json",
-            },
-        });
-    }
-}

src/app/api/[[...slugs]]/route.ts

@@ -18,6 +18,7 @@ import uplImg from "./_lib/upl-img";
 import { uplImgSingle } from "./_lib/upl-img-single";
 import FileStorage from "./_lib/fileStorage";
 import Keamanan from "./_lib/keamanan";
+import Ekonomi from "./_lib/ekonomi";
 
 
 const ROOT = process.cwd();
@@ -79,6 +80,7 @@ const ApiServer = new Elysia()
   .use(Keamanan)
   .use(Utils)
   .use(FileStorage)
+  .use(Ekonomi)
   .onError(({ code }) => {
     if (code === "NOT_FOUND") {
       return {

src/app/darmasaba/(pages)/ppid/profile-ppid/page.tsx

@@ -9,7 +9,7 @@ import BackButton from '../../desa/layanan/_com/BackButto';
 function Page() {
   const allList = useProxy(stateProfilePPID)
   useShallowEffect(() => {
-    allList.profile.load("1") // Assuming "1" is your default ID, adjust as needed
+    allList.profile.load("edit") // Assuming "1" is your default ID, adjust as needed
   }, [])
 
   if (!allList.profile.data) return <Stack bg={colors.Bg} py={"xl"} gap={"22"}>
@@ -47,7 +47,7 @@ function Page() {
           <Paper p={"xl"} bg={colors['white-trans-1']}>
             <Box px={{ base: "md", md: 100 }}>
               <Flex align={"center"} gap={50}>
-                <Image src={"/api/img/darmasaba-icon.png"} h={{ base: 80, md: 150 }} alt='' />
+                <Image src={"/darmasaba-icon.png"} h={{ base: 80, md: 150 }} alt='' />
                 <Text fz={{ base: "1.4rem", md: "2rem", lg: "2.5rem", xl: "3rem" }} fw={'bold'}>PROFIL PIMPINAN BADAN PUBLIK DESA DARMASABA </Text>
               </Flex>
             </Box>

src/app/darmasaba/_com/main-page/landing-page/index.tsx

@@ -134,7 +134,7 @@ function LandingPage() {
                       p={"sm"}
                     >
                       <Image
-                        src={"/assets/images/darmasaba-icon.png"}
+                        src={"/darmasaba-icon.png"}
                         alt="icon"
                         sizes="100%"
                       />
@@ -163,7 +163,7 @@ function LandingPage() {
                       bg={"white"}
                     >
                       <Image
-                        src={"/api/img/pudak-icon.png"}
+                        src={"/pudak-icon.png"}
                         alt="icon"
                         sizes={"100%"}
                         fit="contain"