wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

QC User & Admin Responsive : Menu Kesehatan - Ekonomi

Browse Source
This commit is contained in:
nico
2025-10-03 10:17:06 +08:00
parent 8a6d8ed8db
commit f7fd9be255
55 changed files with 754 additions and 372 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/app/admin/(dashboard)/_state/desa/layananDesa.ts
View File

@@ -581,33 +581,24 @@ const pelayananPerizinanBerusaha = proxy({
findById: {
data: null as pelayananPerizinanBerusahaForm | null,
loading: false,
initialize() {
pelayananPerizinanBerusaha.findById.data = {
id: "",
name: "",
deskripsi: "",
link: "",
} as pelayananPerizinanBerusahaForm;
},
async load(id: string) {
try {
pelayananPerizinanBerusaha.findById.loading = true;
const res = await fetch(
`/api/desa/layanan/pelayananperizinanberusaha/${id}`
);
if (res.ok) {
const data = await res.json();
pelayananPerizinanBerusaha.findById.data = data.data ?? null;
} else {
console.error(
"Failed to fetch pelayanan perizinan berusaha:",
res.statusText
);
pelayananPerizinanBerusaha.findById.data = null;
this.loading = true;
const response = await fetch(`/api/desa/layanan/pelayananperizinanberusaha/${id}`);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const result = await response.json();
if (result?.success) {
this.data = result.data; // Make sure this matches your API response structure
}
return result?.data || null;
} catch (error) {
console.error("Error fetching pelayanan perizinan berusaha:", error);
pelayananPerizinanBerusaha.findById.data = null;
console.error('Error loading data:', error);
toast.error('Gagal memuat data');
return null;
} finally {
this.loading = false;
}
},
},

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

@@ -12,6 +12,7 @@ const templatePasarDesaForm = z.object({
imageId: z.string().min(1, "Gambar wajib dipilih"),
rating: z.number().min(1, "Rating minimal 1"),
kategoriId: z.array(z.string()).min(1, "Minimal pilih satu kategori"),
kontak: z.string().min(1, "Kontak wajib diisi"),
});
const defaultPasarDesaForm = {
@@ -21,6 +22,7 @@ const defaultPasarDesaForm = {
imageId: "",
rating: 0,
kategoriId: [] as string[],
kontak: "",
};
const pasarDesa = proxy({
@@ -188,6 +190,7 @@ const pasarDesa = proxy({
imageId: data.imageId,
rating: data.rating,
kategoriId: data.kategoriId,
kontak: data.kontak,
};
return data;
} else {
@@ -225,6 +228,7 @@ const pasarDesa = proxy({
imageId: this.form.imageId,
rating: this.form.rating,
kategoriId: this.form.kategoriId,
kontak: this.form.kontak,
}),
});
if (!response.ok) {
@@ -336,6 +340,40 @@ const kategoriProduk = proxy({
}
},
},
// ✅ Versi findManyAll (ambil semua tanpa pagination)
findManyAll: {
data: null as
| Prisma.KategoriProdukGetPayload<{
omit: { isActive: true };
}>[]
| null,
loading: false,
search: "",
load: async (search = "") => {
kategoriProduk.findManyAll.loading = true;
kategoriProduk.findManyAll.search = search;
try {
const query: any = {};
if (search) query.search = search;
const res = await ApiFetch.api.ekonomi.kategoriproduk["find-many-all"].get({
query,
});
if (res.status === 200 && res.data?.success) {
kategoriProduk.findManyAll.data = res.data.data ?? [];
} else {
kategoriProduk.findManyAll.data = [];
}
} catch (err) {
console.error("Gagal fetch kategori produk (all):", err);
kategoriProduk.findManyAll.data = [];
} finally {
kategoriProduk.findManyAll.loading = false;
}
},
},
findUnique: {
data: null as Prisma.KategoriProdukGetPayload<{
omit: { isActive: true };

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

@@ -9,12 +9,14 @@ const templateForm = z.object({
name: z.string().min(3, "Judul minimal 3 karakter"),
deskripsi: z.string().min(3, "Deskripsi minimal 3 karakter"),
imageId: z.string().nonempty(),
whatsapp: z.string().min(10, "Whatsapp minimal 10 karakter"),
});
const defaultForm = {
name: "",
deskripsi: "",
imageId: "",
whatsapp: "",
};
const kontakDarurat = proxy({
@@ -171,6 +173,7 @@ const kontakDarurat = proxy({
name: data.name,
deskripsi: data.deskripsi,
imageId: data.imageId,
whatsapp: data.whatsapp,
};
return data; // Return the loaded data
} else {
@@ -207,6 +210,7 @@ const kontakDarurat = proxy({
name: this.form.name,
deskripsi: this.form.deskripsi,
imageId: this.form.imageId,
whatsapp: this.form.whatsapp,
}),
}
);

0
src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/edit/page.tsx → src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/[id]/page.tsx
View File

2
src/app/admin/(dashboard)/desa/layanan/pelayanan_penduduk_non_permanent/page.tsx
View File

@@ -59,7 +59,7 @@ function PelayananPendudukNonPermanent() {
radius="md"
onClick={() =>
router.push(
'/admin/desa/layanan/pelayanan_penduduk_non_permanent/edit'
`/admin/desa/layanan/pelayanan_penduduk_non_permanent/${data.id}`
)
}
>

96
src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/edit/page.tsx → src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/[id]/page.tsx
View File

@@ -1,5 +1,6 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
import stateLayananDesa from '@/app/admin/(dashboard)/_state/desa/layananDesa';
import colors from '@/con/colors';
@@ -8,6 +9,7 @@ import {
Button,
Group,
Paper,
Skeleton,
Stack,
TextInput,
Title,
@@ -21,66 +23,82 @@ import { useProxy } from 'valtio/utils';
function EditPelayananPerizinanBerusaha() {
const router = useRouter();
const params = useParams();
const statePerizinanBerusaha = useProxy(
stateLayananDesa.pelayananPerizinanBerusaha
);
const params = useParams<{ id: string }>();
const id = params?.id; // ini langsung string
const state = useProxy(stateLayananDesa.pelayananPerizinanBerusaha);
const [loading, setLoading] = useState(true);
const [formData, setFormData] = useState({
id: '',
name: '',
deskripsi: '',
link: '',
});
// load data pertama kali
// Load data detail
useEffect(() => {
const loadPelayananPerizinan = async () => {
const id = params?.id as string;
if (!id) return;
if (!id) {
toast.error("ID tidak valid");
return;
}
const loadData = async () => {
try {
const data = await statePerizinanBerusaha.update.load(id);
setLoading(true);
const data = await state.findById.load(id);
if (data) {
setFormData({
name: data.name || '',
deskripsi: data.deskripsi || '',
link: data.link || '',
id: data.id,
name: data.name || "",
deskripsi: data.deskripsi || "",
link: data.link || "",
});
} else {
toast.error("Data tidak ditemukan");
}
} catch (error) {
console.error('Error loading pelayanan perizinan berusaha:', error);
toast.error('Gagal memuat data pelayanan perizinan berusaha');
console.error("Error loading data:", error);
toast.error("Gagal memuat data");
} finally {
setLoading(false);
}
};
loadPelayananPerizinan();
}, [params?.id]);
loadData();
}, [id]);
const handleChange =
(field: keyof typeof formData) =>
(value: string) => {
setFormData((prev) => ({
...prev,
[field]: value,
}));
};
(value: string) => {
setFormData((prev) => ({
...prev,
[field]: value,
}));
};
const handleSubmit = async () => {
const { name, deskripsi, link } = formData;
if (statePerizinanBerusaha.findById.data) {
const updatedData = {
...statePerizinanBerusaha.findById.data,
name,
deskripsi,
link,
};
await statePerizinanBerusaha.update.update(updatedData);
try {
await state.update.update(formData);
router.push('/admin/desa/layanan/pelayanan_perizinan_berusaha');
} catch (error) {
console.error('Error updating pelayanan perizinan berusaha:', error);
toast.error('Terjadi kesalahan saat update data');
}
};
if (loading) {
return (
<Stack align="center" justify="center" py="xl">
<Skeleton height={800} radius="md" />
</Stack>
);
}
return (
<Box>
<Stack gap="xs">
{/* Header Section */}
{/* Header */}
<Group mb="md">
<Tooltip label="Kembali ke halaman sebelumnya" withArrow>
<Button
@@ -97,7 +115,7 @@ function EditPelayananPerizinanBerusaha() {
</Title>
</Group>
{/* Form Section */}
{/* Form */}
<Paper
w={{ base: '100%', md: '50%' }}
bg={colors['white-1']}
@@ -109,7 +127,6 @@ function EditPelayananPerizinanBerusaha() {
<Stack gap="xs">
<Title order={3}>Edit Pelayanan Perizinan Berusaha</Title>
{/* Nama Field */}
<TextInput
label="Judul"
placeholder="Masukkan judul"
@@ -118,7 +135,6 @@ function EditPelayananPerizinanBerusaha() {
required
/>
{/* Link Field */}
<TextInput
label="Link"
placeholder="Masukkan link terkait"
@@ -126,7 +142,6 @@ function EditPelayananPerizinanBerusaha() {
onChange={(e) => handleChange('link')(e.target.value)}
/>
{/* Deskripsi Field */}
<Box>
<Title order={6}>Deskripsi</Title>
<EditEditor
@@ -135,23 +150,20 @@ function EditPelayananPerizinanBerusaha() {
/>
</Box>
{/* Action Buttons */}
<Group>
<Button
bg={colors['blue-button']}
onClick={handleSubmit}
loading={statePerizinanBerusaha.update.loading}
loading={state.update.loading}
disabled={!formData.name}
>
{statePerizinanBerusaha.update.loading
? 'Menyimpan...'
: 'Simpan Perubahan'}
{state.update.loading ? 'Menyimpan...' : 'Simpan Perubahan'}
</Button>
<Button
variant="outline"
onClick={() => router.back()}
disabled={statePerizinanBerusaha.update.loading}
disabled={state.update.loading}
>
Batal
</Button>

41
src/app/admin/(dashboard)/desa/layanan/pelayanan_perizinan_berusaha/page.tsx
View File

@@ -1,3 +1,4 @@
/* eslint-disable react-hooks/exhaustive-deps */
'use client'
import colors from '@/con/colors';
import {
@@ -19,35 +20,58 @@ import {
Tooltip,
} from '@mantine/core';
import { IconEdit } from '@tabler/icons-react';
import { useRouter } from 'next/navigation';
import { useState } from 'react';
import { useEffect, useState } from 'react';
import stateLayananDesa from '../../../_state/desa/layananDesa';
import { useProxy } from 'valtio/utils';
import { useShallowEffect } from '@mantine/hooks';
import { useRouter } from 'next/navigation';
function PerizinanBerusaha() {
const router = useRouter();
const pelayananPerizinanBerusaha = useProxy(
stateLayananDesa.pelayananPerizinanBerusaha
);
const [loading, setLoading] = useState(true);
const [error, setError] = useState('');
const [active, setActive] = useState(1);
const nextStep = () =>
setActive((current) => (current < 6 ? current + 1 : current));
const prevStep = () =>
setActive((current) => (current > 0 ? current - 1 : current));
useShallowEffect(() => {
pelayananPerizinanBerusaha.findById.load('1');
useEffect(() => {
const loadData = async () => {
try {
setLoading(true);
// You should get the ID from your router query or params
const id = '1'; // Replace with actual ID or get from URL params
await pelayananPerizinanBerusaha.findById.load(id);
} catch (err) {
setError('Gagal memuat data');
console.error('Error:', err);
} finally {
setLoading(false);
}
};
loadData();
}, []);
if (!pelayananPerizinanBerusaha.findById.data) {
if (loading) {
return (
<Stack align="center" justify="center" py="xl">
<Skeleton radius="md" height={800} />
<Skeleton height={800} radius="md" />
</Stack>
);
}
if (error || !pelayananPerizinanBerusaha.findById.data) {
return (
<Center h={200}>
<Text>{error || 'Data tidak ditemukan'}</Text>
</Center>
);
}
const data = pelayananPerizinanBerusaha.findById.data;
return (
@@ -69,7 +93,7 @@ function PerizinanBerusaha() {
radius="md"
onClick={() =>
router.push(
'/admin/desa/layanan/pelayanan_perizinan_berusaha/edit'
`/admin/desa/layanan/pelayanan_perizinan_berusaha/${data.id}`
)
}
>
@@ -183,3 +207,4 @@ function PerizinanBerusaha() {
}
export default PerizinanBerusaha;

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

@@ -44,39 +44,37 @@ function EditSuratKeterangan() {
const [previewImage2, setPreviewImage2] = useState<string | null>(null);
// load data awal
useEffect(() => {
const loadSurat = async () => {
const id = params?.id as string;
if (!id) return;
useEffect(() => {
const loadSurat = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await stateSurat.edit.load(id);
if (!data) return;
try {
const data = await stateSurat.edit.load(id);
if (data) {
// merge style -> isi hanya field kosong
setFormData((prev) => ({
...prev,
name: prev.name || data.name || '',
deskripsi: prev.deskripsi || data.deskripsi || '',
imageId: prev.imageId || data.imageId || '',
image2Id: prev.image2Id || data.image2Id || '',
...{
name: prev.name || data.name || "",
deskripsi: prev.deskripsi || data.deskripsi || "",
imageId: prev.imageId || data.imageId || "",
image2Id: prev.image2Id || data.image2Id || "",
},
}));
if (data.image?.link && !previewImage) {
setPreviewImage(data.image.link);
}
if (data.image2?.link && !previewImage2) {
setPreviewImage2(data.image2.link);
}
if (data.image?.link && !previewImage) setPreviewImage(data.image.link);
if (data.image2?.link && !previewImage2) setPreviewImage2(data.image2.link);
} catch (error) {
console.error("Error loading surat:", error);
toast.error("Gagal memuat data surat");
}
} catch (error) {
console.error("Error loading surat:", error);
toast.error("Gagal memuat data surat");
}
};
};
loadSurat();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [params?.id]);
loadSurat();
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [params?.id]);
// handler untuk submit

26
src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/[id]/edit/page.tsx
View File

@@ -8,17 +8,15 @@ import {
Group,
Paper,
Stack,
Text,
TextInput,
Title,
Tooltip,
Tooltip
} from '@mantine/core';
import { IconArrowBack } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation';
import { useEffect, useState, useCallback } from 'react';
import { useCallback, useEffect, useState } from 'react';
import { toast } from 'react-toastify';
import { useProxy } from 'valtio/utils';
import EditEditor from '@/app/admin/(dashboard)/_com/editEditor';
function EditPelayananTelunjukSakti() {
const stateTelunjukDesa = useProxy(stateLayananDesa.pelayananTelunjukSaktiDesa);
@@ -111,21 +109,19 @@ function EditPelayananTelunjukSakti() {
required
/>
{/* Deskripsi pakai editor */}
<Box>
<Text fz="sm" fw="bold" mb={6}>
Deskripsi
</Text>
<EditEditor
value={formData.deskripsi}
onChange={(htmlContent) => handleChange('deskripsi', htmlContent)}
/>
</Box>
{/* Deskripsi */}
<TextInput
value={formData.deskripsi}
onChange={(e) => handleChange('deskripsi', e.target.value)}
label="Judul Link"
placeholder="Masukkan judul link"
required
/>
{/* Link */}
<TextInput
label="Link"
placeholder="Masukkan link terkait"
placeholder="Masukkan alamat link"
value={formData.link}
onChange={(e) => handleChange('link', e.target.value)}
/>

4
src/app/admin/(dashboard)/desa/layanan/pelayanan_telunjuk_sakti_desa/create/page.tsx
View File

@@ -82,8 +82,8 @@ function CreatePelayananTelunjukDesa() {
onChange={(val) => {
stateTelunjukDesa.create.form.deskripsi = val.target.value;
}}
label="Deskripsi"
placeholder="Masukkan deskripsi pelayanan"
label="Judul Link"
placeholder="Masukkan judul link"
required
/>

11
src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/edit/page.tsx
View File

@@ -31,6 +31,7 @@ type FormData = {
imageId: string;
rating: number;
kategoriId: string[];
kontak: string;
};
function EditPasarDesa() {
@@ -47,6 +48,7 @@ function EditPasarDesa() {
imageId: '',
rating: 0,
kategoriId: [],
kontak: '',
});
// load data awal
@@ -67,6 +69,7 @@ function EditPasarDesa() {
imageId: data.imageId || '',
rating: data.rating || 0,
kategoriId: data.KategoriToPasar?.map((k: any) => k.kategoriId) || [],
kontak: data.kontak || '',
});
if (data.image?.link) setPreviewImage(data.image.link);
}
@@ -228,6 +231,14 @@ function EditPasarDesa() {
required
/>
<TextInput
label="Kontak"
placeholder="Masukkan kontak"
value={formData.kontak}
onChange={(e) => handleChange('kontak', e.target.value)}
required
/>
<MultiSelect
label="Kategori Produk"
placeholder="Pilih kategori produk"

5
src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/[id]/page.tsx
View File

@@ -85,6 +85,11 @@ function DetailPasarDesa() {
<Text fz="md" c="dimmed">{data.alamatUsaha || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Kontak</Text>
<Text fz="md" c="dimmed">{data.kontak || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Gambar</Text>
{data.image?.link ? (

10
src/app/admin/(dashboard)/ekonomi/pasar-desa/produk-pasar-desa/create/page.tsx
View File

@@ -41,6 +41,7 @@ export default function CreatePasarDesa() {
imageId: '',
rating: 0,
kategoriId: [],
kontak: '',
};
setPreviewImage(null);
setFile(null);
@@ -184,6 +185,15 @@ export default function CreatePasarDesa() {
onChange={(e) => (statePasar.pasarDesa.create.form.alamatUsaha = e.target.value)}
/>
{/* Kontak */}
<TextInput
label="Kontak"
type="number"
placeholder="Masukkan kontak"
defaultValue={statePasar.pasarDesa.create.form.kontak}
onChange={(e) => (statePasar.pasarDesa.create.form.kontak = e.target.value)}
/>
{/* Kategori Produk */}
<MultiSelect
label="Kategori Produk"

13
src/app/admin/(dashboard)/keamanan/kontak-darurat/kontak-darurat-keamanan/[id]/edit/page.tsx
View File

@@ -29,10 +29,11 @@ function EditKontakDaruratKeamanan() {
const kontakState = useProxy(kontakDarurat.kontakDaruratKeamananState);
const [isLoading, setIsLoading] = useState(true);
// Remove the dependency on data in the initial state
const [formData, setFormData] = useState({
name: "",
icon: "" as IconKey | "",
kategoriId: [] as string[],
kategoriId: [] as string[], // Initialize as empty array
});
// Load data dari backend
@@ -41,7 +42,7 @@ function EditKontakDaruratKeamanan() {
try {
setIsLoading(true);
await kontakDarurat.kontakDaruratItem.findMany.load();
const id = params?.id as string;
if (id) {
const data = await kontakState.update.load(id);
@@ -49,7 +50,7 @@ function EditKontakDaruratKeamanan() {
setFormData({
name: data.nama || "",
icon: (data.icon as IconKey) || "",
kategoriId: data.kategoriId || [],
kategoriId: Array.isArray(data.kategoriId) ? data.kategoriId : [],
});
}
}
@@ -134,9 +135,9 @@ function EditKontakDaruratKeamanan() {
data={
Array.isArray(kontakDarurat.kontakDaruratItem.findMany.data)
? kontakDarurat.kontakDaruratItem.findMany.data.map((v) => ({
value: v.id,
label: v.nama,
}))
value: v.id,
label: v.nama,
}))
: []
}
clearable

24
src/app/admin/(dashboard)/keamanan/laporan-publik/[id]/edit/page.tsx
View File

@@ -48,27 +48,29 @@ function EditLaporanPublik() {
const loadLaporanPublik = async () => {
const id = params?.id as string;
if (!id) return;
try {
const data = await stateLaporan.edit.load(id);
if (data) {
setFormData({
judul: data.judul || '',
lokasi: data.lokasi || '',
tanggalWaktu: data.tanggalWaktu || '',
status: data.status || '',
penanganan: data.penanganan?.[0]?.deskripsi || '',
kronologi: data.kronologi || '',
});
setFormData((prev) => ({
...prev,
judul: data.judul ?? prev.judul,
lokasi: data.lokasi ?? prev.lokasi,
tanggalWaktu: data.tanggalWaktu ?? prev.tanggalWaktu,
status: (data.status as Status) ?? prev.status,
penanganan: data.penanganan?.[0]?.deskripsi ?? prev.penanganan,
kronologi: data.kronologi ?? prev.kronologi,
}));
}
} catch (error) {
console.error('Error loading laporan publik:', error);
console.error("Error loading laporan publik:", error);
toast.error("Gagal mengambil data laporan publik");
}
};
loadLaporanPublik();
}, [params?.id, stateLaporan.edit]);
const handleChange = (field: string, value: string | Status) => {
setFormData((prev) => ({ ...prev, [field]: value }));

25
src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/[id]/edit/page.tsx
View File

@@ -10,6 +10,7 @@ import {
Group,
Paper,
Stack,
Text,
TextInput,
Title,
Tooltip,
@@ -61,9 +62,9 @@ function EditPencegahanKriminalitas() {
const handleChange =
(field: keyof typeof formData) =>
(e: React.ChangeEvent<HTMLInputElement>) => {
setFormData((prev) => ({ ...prev, [field]: e.target.value }));
};
(e: React.ChangeEvent<HTMLInputElement>) => {
setFormData((prev) => ({ ...prev, [field]: e.target.value }));
};
const handleSubmit = async () => {
const converted = convertYoutubeUrlToEmbed(formData.linkVideo);
@@ -128,13 +129,17 @@ function EditPencegahanKriminalitas() {
required
/>
<TextInput
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
value={formData.deskripsiSingkat}
onChange={handleChange('deskripsiSingkat')}
required
/>
<Box>
<Text fw="bold" fz="sm" mb={6}>
Deskripsi
</Text>
<EditEditor
value={formData.deskripsiSingkat}
onChange={(val) =>
setFormData((prev) => ({ ...prev, deskripsiSingkat: val }))
}
/>
</Box>
<Box>
<Title order={6} fw="bold" fz="sm" mb={6}>

20
src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/create/page.tsx
View File

@@ -90,15 +90,17 @@ function CreatePencegahanKriminalitas() {
/>
{/* Deskripsi Singkat */}
<TextInput
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
defaultValue={kriminalitasState.create.form.deskripsiSingkat}
onChange={(e) => {
kriminalitasState.create.form.deskripsiSingkat = e.currentTarget.value;
}}
required
/>
<Box>
<Text fw="bold" fz="sm" mb={6}>
Deskripsi Singkat
</Text>
<CreateEditor
value={kriminalitasState.create.form.deskripsiSingkat}
onChange={(val) => {
kriminalitasState.create.form.deskripsiSingkat = val;
}}
/>
</Box>
{/* Deskripsi Panjang */}
<Box>

4
src/app/admin/(dashboard)/keamanan/pencegahan-kriminalitas/page.tsx
View File

@@ -105,9 +105,11 @@ function ListPencegahanKriminalitas({ search }: { search: string }) {
data.map((item) => (
<TableTr key={item.id}>
<TableTd>
<Text fw={500} truncate="end" lineClamp={1}>
<Box w={200}>
<Text fw={500} truncate="end" lineClamp={1}>
{item.judul}
</Text>
</Box>
</TableTd>
<TableTd>
<Box w={200}>

4
src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/page.tsx
View File

@@ -127,7 +127,9 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
</TableTd>
<TableTd>
<Box w={150}>
{item.tarifdanlayanan?.layanan || '-'}
<Text truncate="end" lineClamp={1}>
{item.tarifdanlayanan?.layanan || '-'}
</Text>
</Box>
</TableTd>
<TableTd>

18
src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/edit/page.tsx
View File

@@ -140,15 +140,15 @@ function EditInfoWabahPenyakit() {
required
/>
<TextInput
value={formData.deskripsiSingkat}
onChange={(e: ChangeEvent<HTMLInputElement>) =>
updateField('deskripsiSingkat', e.target.value)
}
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
required
/>
<Box>
<Text fz="sm" fw="bold">
Deskripsi Singkat
</Text>
<EditEditor
value={formData.deskripsiSingkat}
onChange={(val) => updateField('deskripsiSingkat', val)}
/>
</Box>
<Box>
<Text fz="sm" fw="bold">

2
src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/[id]/page.tsx
View File

@@ -84,7 +84,7 @@ function DetailInfoWabahPenyakit() {
<Box>
<Text fz="lg" fw="bold">Deskripsi Singkat</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data.deskripsiSingkat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data.deskripsiSingkat }} />
</Box>
<Box>

18
src/app/admin/(dashboard)/kesehatan/info-wabah-penyakit/create/page.tsx
View File

@@ -100,15 +100,15 @@ function CreateInfoWabahPenyakit() {
required
/>
<TextInput
defaultValue={infoWabahPenyakitState.create.form.deskripsiSingkat}
onChange={(val) => {
infoWabahPenyakitState.create.form.deskripsiSingkat = val.target.value;
}}
label={<Text fz="sm" fw="bold">Deskripsi Singkat</Text>}
placeholder="Masukkan deskripsi singkat"
required
/>
<Box>
<Text fz="sm" fw="bold">Deskripsi Singkat</Text>
<CreateEditor
value={infoWabahPenyakitState.create.form.deskripsiSingkat}
onChange={(val) => {
infoWabahPenyakitState.create.form.deskripsiSingkat = val;
}}
/>
</Box>
<Box>
<Text fz="sm" fw="bold">Deskripsi</Text>

10
src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/edit/page.tsx
View File

@@ -33,6 +33,7 @@ function EditKontakDarurat() {
name: '',
deskripsi: '',
imageId: '',
whatsapp: '',
});
const [loading, setLoading] = useState(true);
@@ -49,6 +50,7 @@ function EditKontakDarurat() {
name: data.name || '',
deskripsi: data.deskripsi || '',
imageId: data.imageId || '',
whatsapp: data.whatsapp || '',
});
if (data?.image?.link) setPreviewImage(data.image.link);
}
@@ -124,6 +126,14 @@ function EditKontakDarurat() {
required
/>
<TextInput
value={formData.whatsapp}
onChange={(e) => setFormData(prev => ({ ...prev, whatsapp: e.target.value }))}
label="Whatsapp"
placeholder="Masukkan whatsapp"
required
/>
<Box>
<Text fz="sm" fw="bold">Deskripsi</Text>
<EditEditor

5
src/app/admin/(dashboard)/kesehatan/kontak-darurat/[id]/page.tsx
View File

@@ -72,6 +72,11 @@ function DetailKontakDarurat() {
<Text fz="md" c="dimmed">{data.name || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Whatsapp</Text>
<Text fz="md" c="dimmed">{data.whatsapp || '-'}</Text>
</Box>
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text

12
src/app/admin/(dashboard)/kesehatan/kontak-darurat/create/page.tsx
View File

@@ -38,6 +38,7 @@ function CreateKontakDarurat() {
name: '',
deskripsi: '',
imageId: '',
whatsapp: '',
};
setPreviewImage(null);
setFile(null);
@@ -105,6 +106,17 @@ function CreateKontakDarurat() {
required
/>
<TextInput
type='number'
defaultValue={kontakDaruratState.create.form.whatsapp}
onChange={(val) => {
kontakDaruratState.create.form.whatsapp = val.target.value;
}}
label={<Text fz="sm" fw="bold">Whatsapp</Text>}
placeholder="Masukkan whatsapp"
required
/>
<Box>
<Text fz="sm" fw="bold">Deskripsi</Text>
<CreateEditor

11
src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/edit/page.tsx
View File

@@ -117,7 +117,6 @@ function EditProgramKesehatan() {
<Stack gap="md">
{[
{ label: 'Judul', key: 'name', placeholder: 'Masukkan judul' },
{ label: 'Deskripsi Singkat', key: 'deskripsiSingkat', placeholder: 'Masukkan deskripsi singkat' },
].map((field) => (
<TextInput
key={field.key}
@@ -129,6 +128,16 @@ function EditProgramKesehatan() {
/>
))}
<Box>
<Text fz="sm" fw="bold" mb={6}>
Deskripsi Singkat
</Text>
<EditEditor
value={formData.deskripsiSingkat}
onChange={(val) => handleChange('deskripsiSingkat', val)}
/>
</Box>
<Box>
<Text fz="sm" fw="bold" mb={6}>
Deskripsi

2
src/app/admin/(dashboard)/kesehatan/program-kesehatan/[id]/page.tsx
View File

@@ -73,7 +73,7 @@ function DetailProgramKesehatan() {
<Box>
<Text fz="lg" fw="bold">Deskripsi Singkat</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }}>{data?.deskripsiSingkat || '-'}</Text>
<Text fz="md" c="dimmed" style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: data?.deskripsiSingkat || '-' }} />
</Box>
<Box>

20
src/app/admin/(dashboard)/kesehatan/program-kesehatan/create/page.tsx
View File

@@ -101,15 +101,17 @@ function CreateProgramKesehatan() {
required
/>
<TextInput
defaultValue={programKesehatanState.create.form.deskripsiSingkat}
onChange={(val) => {
programKesehatanState.create.form.deskripsiSingkat = val.target.value;
}}
label="Deskripsi Singkat"
placeholder="Masukkan deskripsi singkat"
required
/>
<Box>
<Title order={6} mb={6}>
Deskripsi Singkat
</Title>
<CreateEditor
value={programKesehatanState.create.form.deskripsiSingkat}
onChange={(val) => {
programKesehatanState.create.form.deskripsiSingkat = val;
}}
/>
</Box>
<Box>
<Title order={6} mb={6}>

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

@@ -7,7 +7,9 @@ type FormCreate = {
alamatUsaha: string;
imageId: string;
rating: number;
kategoriId: string[]; // Array of KategoriProduk IDs
kategoriId: string[];
kontak: string;
// Array of KategoriProduk IDs
};
export default async function pasarDesaCreate(context: Context) {
@@ -28,7 +30,9 @@ export default async function pasarDesaCreate(context: Context) {
alamatUsaha: body.alamatUsaha,
imageId: body.imageId,
rating: Number(body.rating),
kategoriProdukId: body.kategoriId[0], // Use the first category as the main one
kategoriProdukId: body.kategoriId[0],
kontak: body.kontak
// Use the first category as the main one
},
});

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

@@ -37,6 +37,7 @@ const PasarDesa = new Elysia({
imageId: t.String(),
rating: t.Number(),
kategoriId: t.Array(t.String()),
kontak: t.String(),
}),
}
)
@@ -79,6 +80,7 @@ const PasarDesa = new Elysia({
imageId: t.String(),
rating: t.Number(),
kategoriId: t.Array(t.String()),
kontak: t.String(),
}),
}
);

49
src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/findManyAll.ts Normal file
View File

@@ -0,0 +1,49 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
// /api/berita/findManyAll.ts
import prisma from "@/lib/prisma";
import { Context } from "elysia";
async function kategoriProdukFindManyAll(context: Context) {
// Ambil query search (opsional)
const search2 = (context.query.search as string) || "";
// Buat where clause
const where: any = { isActive: true };
if (search2) {
where.OR = [
{ nama: { contains: search2, mode: "insensitive" } },
{
KategoriToPasar: {
some: {
kategori: {
nama: { contains: search2, mode: "insensitive" },
},
},
},
},
];
}
try {
const data = await prisma.kategoriProduk.findMany({
where,
orderBy: { createdAt: "desc" },
});
return {
success: true,
message: "Berhasil ambil semua kategori produk",
data,
total: data.length,
};
} catch (e) {
console.error("Error di findManyAll:", e);
return {
success: false,
message: "Gagal mengambil data kategori produk",
};
}
}
export default kategoriProdukFindManyAll;

2
src/app/api/[[...slugs]]/_lib/ekonomi/pasar-desa/kategori-produk/index.ts
View File

@@ -5,12 +5,14 @@ import kategoriProdukDelete from "./del";
import kategoriProdukCreate from "./create";
import kategoriProdukUpdate from "./updt";
import { t } from "elysia";
import kategoriProdukFindManyAll from "./findManyAll";
const KategoriProduk = new Elysia({
prefix: "/kategoriproduk",
tags: ["Ekonomi/Kategori Produk"],
})
.get("/find-many", kategoriProdukFindMany)
.get("/find-many-all", kategoriProdukFindManyAll)
.get("/:id", async (context) => {
const response = await kategoriProdukFindUnique(context);
return response;

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

@@ -9,6 +9,7 @@ type FormUpdate = {
imageId: string;
rating: number;
kategoriId: string[]; // Array of KategoriProduk IDs
kontak: string;
};
export default async function pasarDesaUpdate(context: Context) {
@@ -31,6 +32,7 @@ export default async function pasarDesaUpdate(context: Context) {
alamatUsaha: body.alamatUsaha,
imageId: body.imageId,
rating: Number(body.rating),
kontak: body.kontak
},
});

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

@@ -23,6 +23,7 @@ export default async function kontakDaruratKeamananFindMany(context: Context) {
try {
const [data, total] = await Promise.all([
prisma.kontakDaruratKeamanan.findMany({
where,
include: {
kontakItems: {
include: {

1
src/app/api/[[...slugs]]/_lib/keamanan/kontak-darurat-keamanan/kontak-item/findMany.ts
View File

@@ -25,6 +25,7 @@ export default async function kontakItemFindMany(context: Context) {
skip,
take: limit,
orderBy: { createdAt: "desc" },
where,
}),
prisma.kontakItem.count({ where }),
]);

2
src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/create.ts
View File

@@ -7,6 +7,7 @@ type FormCreate = Prisma.KontakDaruratGetPayload<{
name: true;
deskripsi: true;
imageId: true;
whatsapp: true;
};
}>;
export default async function kontakDaruratCreate(context: Context) {
@@ -17,6 +18,7 @@ export default async function kontakDaruratCreate(context: Context) {
name: body.name,
deskripsi: body.deskripsi,
imageId: body.imageId,
whatsapp: body.whatsapp,
}
})
return {

2
src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/index.ts
View File

@@ -14,6 +14,7 @@ const KontakDarurat = new Elysia({
name: t.String(),
deskripsi: t.String(),
imageId: t.String(),
whatsapp: t.String(),
})
})
.get("/find-many", kontakDaruratFindMany)
@@ -33,6 +34,7 @@ const KontakDarurat = new Elysia({
name: t.String(),
deskripsi: t.String(),
imageId: t.String(),
whatsapp: t.String(),
})
}
)

3
src/app/api/[[...slugs]]/_lib/kesehatan/kontak-darurat/updt.ts
View File

@@ -10,6 +10,7 @@ type FormUpdate = Prisma.KontakDaruratGetPayload<{
name: true;
deskripsi: true;
imageId: true;
whatsapp: true;
}
}>
export default async function kontakDaruratUpdate(context: Context) {
@@ -21,6 +22,7 @@ export default async function kontakDaruratUpdate(context: Context) {
name,
deskripsi,
imageId,
whatsapp,
} = body;
if(!id) {
@@ -75,6 +77,7 @@ export default async function kontakDaruratUpdate(context: Context) {
name,
deskripsi,
imageId,
whatsapp,
}
})

8
src/app/darmasaba/(pages)/ekonomi/pasar-desa/page.tsx
View File

@@ -3,7 +3,7 @@ import pasarDesaState from '@/app/admin/(dashboard)/_state/ekonomi/pasar-desa/pa
import colors from '@/con/colors';
import { Box, Center, Flex, Grid, GridCol, Image, Pagination, Paper, Select, SimpleGrid, Skeleton, Stack, Text, TextInput } from '@mantine/core';
import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
import { IconMapPinFilled, IconSearch, IconShoppingCartFilled, IconStarFilled } from '@tabler/icons-react';
import { IconBrandWhatsapp, IconMapPinFilled, IconSearch, IconStarFilled } from '@tabler/icons-react';
import { motion } from 'motion/react';
import { useRouter } from 'next/navigation';
import { useState } from 'react';
@@ -25,7 +25,7 @@ function Page() {
} = state.findMany
useShallowEffect(() => {
pasarDesaState.kategoriProduk.findMany.load()
pasarDesaState.kategoriProduk.findManyAll.load()
}, [])
// Filter data based on selected category
@@ -105,7 +105,7 @@ function Page() {
return (
<Stack key={k}>
<motion.div
onClick={() => router.push('https://www.whatsapp.com/?lang=id')}
onClick={() => router.push(`https://wa.me/${v.kontak?.replace(/\D/g, '')}`)}
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.8 }}
>
@@ -132,7 +132,7 @@ function Page() {
<Text fz={'sm'} ml={2}>{v.alamatUsaha}</Text>
</Flex>
</Box>
<IconShoppingCartFilled size={20} color={colors['blue-button']} />
<IconBrandWhatsapp size={20} color={colors['blue-button']} />
</Flex>
</Paper>
</motion.div>

2
src/app/darmasaba/(pages)/keamanan/keamanan-lingkungan-pecalang-patwal/page.tsx
View File

@@ -56,7 +56,7 @@ function Page() {
<GridCol span={{ base: 12, md: 3 }}>
<TextInput
radius={"lg"}
placeholder='Cari Puskesmas'
placeholder='Cari Keamanan Lingkungan'
value={search}
onChange={(e) => setSearch(e.target.value)}
leftSection={<IconSearch size={20} />}

142
src/app/darmasaba/(pages)/keamanan/kontak-darurat/page.tsx
View File

@@ -34,6 +34,52 @@ function Page() {
);
}
if (data.length === 0) {
return (
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
<Box px={{ base: 'md', md: 100 }}>
<BackButton />
</Box>
<Group px={{ base: 'md', md: 100 }} justify={'space-between'} align='center'>
<Box>
<Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
Kontak Darurat
</Text>
<Text fz={{ base: "h4", md: "h3" }} >
Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung.
</Text>
</Box>
<TextInput
placeholder='Cari kontak darurat, nama, atau nomor...'
leftSection={<IconSearch size={20} />}
value={search}
onChange={(e) => setSearch(e.currentTarget.value)}
/>
</Group>
<Box px={{ base: "md", md: 100 }}>
<Stack gap={'lg'}>
<Paper p={"xl"} bg={colors['white-trans-1']} w={{ base: "100%", md: "100%" }}>
<Flex justify={'center'} gap={'lg'} align={'center'}>
<Avatar radius={"xl"} size={'lg'} bg={colors['BG-trans']}>
<IconPhoneCall size={30} color={colors["blue-button"]} />
</Avatar>
<Box>
<Text ta={'center'} c={colors['blue-button']} py={10} fz={{ base: "md", md: "h4" }} fw={"bold"} >
Nomor Darurat Utama
</Text>
<Text ta={'center'} fw={"bold"} fz={'h2'} c={colors["blue-button"]}>112</Text>
</Box>
</Flex>
</Paper>
</Stack>
</Box>
<Center>
<Text fz={"h1"} c={colors["blue-button"]} fw={"bold"}>Tidak ada kontak darurat yang ditemukan</Text>
</Center>
</Stack>
);
}
return (
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
<Box px={{ base: 'md', md: 100 }}>
@@ -76,57 +122,63 @@ function Page() {
<SimpleGrid cols={{ base: 1, md: 2 }} spacing="xl">
{/* Layanan Darurat */}
{data.map((item) => (
<Paper
<a
key={item.id}
p="lg"
radius="md"
bg={colors['white-trans-1']}
href={`tel:${item.kontakItems[0]?.kontakItem?.nomorTelepon || '112'}`}
style={{ textDecoration: 'none' }}
>
<Group pb="md" align="center">
<Avatar radius="xl" size="lg" bg={colors['BG-trans']}>
{item.icon && (
<IconMapper
name={item.icon as IconKey}
size={32}
color={colors['blue-button']}
/>
)}
</Avatar>
<Text fw="bold" fz={{ base: "lg", md: "xl" }} c={colors["blue-button"]}>
{item.nama}
</Text>
</Group>
<Paper
{/* Kontak Items */}
{item.kontakItems?.map((kontak) => (
<Paper
key={kontak.id}
p="lg"
bg={colors['BG-trans']}
radius="md"
shadow="xs"
mt="sm"
>
<Group align="center" justify="space-between">
<Group align="center">
{kontak.kontakItem?.icon && (
<IconMapper
name={kontak.kontakItem.icon as IconKey}
size={24}
color={colors['blue-button']}
/>
)}
p="lg"
radius="md"
bg={colors['white-trans-1']}
>
<Group pb="md" align="center">
<Avatar radius="xl" size="lg" bg={colors['BG-trans']}>
{item.icon && (
<IconMapper
name={item.icon as IconKey}
size={32}
color={colors['blue-button']}
/>
)}
</Avatar>
<Text fw="bold" fz={{ base: "lg", md: "xl" }} c={colors["blue-button"]}>
{item.nama}
</Text>
</Group>
{/* Kontak Items */}
{item.kontakItems?.map((kontak) => (
<Paper
key={kontak.id}
p="lg"
bg={colors['BG-trans']}
radius="md"
shadow="xs"
mt="sm"
>
<Group align="center" justify="space-between">
<Group align="center">
{kontak.kontakItem?.icon && (
<IconMapper
name={kontak.kontakItem.icon as IconKey}
size={24}
color={colors['blue-button']}
/>
)}
<Text fw="bold" fz={{ base: "sm", md: "md" }} c={colors["blue-button"]}>
{kontak.kontakItem?.nama}
</Text>
</Group>
<Text fw="bold" fz={{ base: "sm", md: "md" }} c={colors["blue-button"]}>
{kontak.kontakItem?.nama}
{kontak.kontakItem?.nomorTelepon}
</Text>
</Group>
<Text fw="bold" fz={{ base: "sm", md: "md" }} c={colors["blue-button"]}>
{kontak.kontakItem?.nomorTelepon}
</Text>
</Group>
</Paper>
))}
</Paper>
</Paper>
))}
</Paper>
</a>
))}
</SimpleGrid>
<Center>

6
src/app/darmasaba/(pages)/keamanan/pencegahan-kriminalitas/page.tsx
View File

@@ -2,7 +2,7 @@
'use client'
import pencegahanKriminalitasState from '@/app/admin/(dashboard)/_state/keamanan/pencegahan-kriminalitas';
import colors from '@/con/colors';
import { ActionIcon, Box, Button, Center, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
import { Box, Button, Center, Paper, SimpleGrid, Skeleton, Stack, Text } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { IconArrowRight } from '@tabler/icons-react';
import { useTransitionRouter } from 'next-view-transitions';
@@ -63,7 +63,7 @@ function Page() {
<Stack pt={30} gap="lg">
{data.length > 0 ? (
data.map((item) => (
<ActionIcon key={item.id} variant='transparent' onClick={() => router.push(`/darmasaba/keamanan/pencegahan-kriminalitas/${item.id}`)}>
<a key={item.id} href={`/darmasaba/keamanan/pencegahan-kriminalitas/${item.id}`}>
<Paper p="md" bg={colors['blue-button']} radius="md" shadow="sm">
<Stack gap={"xs"}>
<Text fz="h3" c={colors['white-1']}>
@@ -71,7 +71,7 @@ function Page() {
</Text>
</Stack>
</Paper>
</ActionIcon>
</a>
))
) : (
<Text color="dimmed">

39
src/app/darmasaba/(pages)/keamanan/polsek-terdekat/page.tsx
View File

@@ -20,10 +20,41 @@ function Page() {
} = state;
useEffect(() => {
if (!data && !loading) {
load();
}
}, [data, loading]);
load();
}, []);
// kalau masih loading
if (loading) {
return (
<Stack py={10}>
<Skeleton h={500} />
</Stack>
);
}
// kalau data kosong
if (!data) {
return (
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>
<Box px={{ base: 'md', md: 100 }}>
<BackButton />
</Box>
<Box pb={10} px={{ base: 20, md: 100 }}>
<Text fz={{ base: "h1", md: "2.5rem" }} c={colors["blue-button"]} fw={"bold"}>
Kantor Polisi Terdekat
</Text>
<Text pb={15} fz={'h4'} >
Desa Darmasaba, Kecamatan Abiansemal, Kabupaten Badung
</Text>
</Box>
<Center py="xl">
<Text fz="lg" fw="bold" c="red">
Data Polsek tidak ada
</Text>
</Center>
</Stack >
);
}
return (
<Stack pos={"relative"} bg={colors.Bg} py={"xl"} gap={"22"}>

6
src/app/darmasaba/(pages)/keamanan/polsek-terdekat/semua-polsek/page.tsx
View File

@@ -8,10 +8,12 @@ import React, { useState } from 'react';
import { useProxy } from 'valtio/utils';
import BackButton from '../../../desa/layanan/_com/BackButto';
import { useRouter } from 'next/navigation';
import { useDebouncedValue } from '@mantine/hooks';
function Page() {
const state = useProxy(polsekTerdekatState);
const [search, setSearch] = useState('');
const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
const router = useRouter()
const {
@@ -23,8 +25,8 @@ function Page() {
} = state.findMany;
useShallowEffect(() => {
load(page, 3, search)
}, [page, search])
load(page, 3, debouncedSearch)
}, [page, debouncedSearch])
if (loading || !data) {
return (

3
src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
View File

@@ -39,10 +39,9 @@ function Page() {
const nama = data?.name || 'Fasilitas Kesehatan';
const prosedur = data?.prosedurpendaftaran.content || '';
console.log("Prosedur:", data?.prosedurpendaftaran);
const alamat = data?.informasiumum?.alamat || '-';
const jam = data?.informasiumum?.jamOperasional || '-';
const layananUnggulan = data?.layananunggulan || '';
const layananUnggulan = data?.layananunggulan?.content || '';
const tenaga = data?.dokterdantenagamedis || null;
const fasilitasPendukungHtml = data?.fasilitaspendukung?.content || '';
const tarif = (data?.tarifdanlayanan as TarifDanLayanan) || null;

6
src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/jadwal-kegiatan-page/page.tsx
View File

@@ -53,7 +53,11 @@ function JadwalKegiatanPage() {
{item.informasijadwalkegiatan.name}
</Text>
<Text fw={600} fz="sm" c={colors['blue-button']}>
{item.informasijadwalkegiatan.tanggal}
{new Date(item.informasijadwalkegiatan.tanggal).toLocaleDateString('id-ID', {
day: '2-digit',
month: 'long',
year: 'numeric'
})}
</Text>
</Group>

85
src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/[id]/page.tsx Normal file
View File

@@ -0,0 +1,85 @@
'use client'
import infoWabahPenyakit from '@/app/admin/(dashboard)/_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
import colors from '@/con/colors';
import { Box, Button, Image, Paper, Skeleton, Stack, Text } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { IconArrowBack } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation';
import { useProxy } from 'valtio/utils';
function DetailInfoWabahPenyakitUser() {
const state = useProxy(infoWabahPenyakit);
const router = useRouter();
const params = useParams();
useShallowEffect(() => {
state.findUnique.load(params?.id as string);
}, []);
if (!state.findUnique.data) {
return (
<Stack py={10}>
<Skeleton height={400} radius="md" />
</Stack>
);
}
const data = state.findUnique.data;
return (
<Box py={10}>
{/* Tombol Back */}
<Button
variant="subtle"
onClick={() => router.back()}
leftSection={<IconArrowBack size={22} color={colors['blue-button']} />}
mb={15}
>
Kembali
</Button>
{/* Wrapper Detail */}
<Paper
withBorder
w="100%"
bg={colors['white-1']}
p="lg"
radius="md"
shadow="sm"
>
<Stack gap="lg">
{/* Judul */}
<Text fz="xl" fw="bold" c={colors['blue-button']} ta="center">
{data.name || 'Kontak Darurat'}
</Text>
{/* Gambar */}
{data.image?.link && (
<Image
src={data.image.link}
alt={data.name}
radius="md"
maw={400}
mx="auto"
loading="lazy"
/>
)}
{/* Deskripsi */}
<Box>
<Text fz="lg" fw="bold">Deskripsi</Text>
<Text
fz="md"
c="dimmed"
dangerouslySetInnerHTML={{ __html: data.deskripsiLengkap || '-' }}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Stack>
</Paper>
</Box>
);
}
export default DetailInfoWabahPenyakitUser;

69
src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx
View File

@@ -2,10 +2,14 @@
import infoWabahPenyakit from '@/app/admin/(dashboard)/_state/kesehatan/info-wabah-penyakit/infoWabahPenyakit';
import colors from '@/con/colors';
import {
Badge,
Box,
Button,
Center,
Divider,
Grid,
GridCol,
Group,
Image,
Pagination,
Paper,
@@ -13,27 +17,25 @@ import {
Skeleton,
Stack,
Text,
TextInput,
Badge,
HoverCard,
Divider,
Group,
TextInput
} from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { IconSearch, IconInfoCircle } from '@tabler/icons-react';
import { useDebouncedValue, useShallowEffect } from '@mantine/hooks';
import { IconInfoCircle, IconSearch } from '@tabler/icons-react';
import { useState } from 'react';
import { useProxy } from 'valtio/utils';
import BackButton from '../../desa/layanan/_com/BackButto';
import { useTransitionRouter } from 'next-view-transitions';
function Page() {
const state = useProxy(infoWabahPenyakit);
const router = useTransitionRouter();
const [search, setSearch] = useState('');
const [debouncedSearch] = useDebouncedValue(search, 500)
const { data, page, totalPages, loading, load } = state.findMany;
useShallowEffect(() => {
load(page, 3, search);
}, [page, search]);
load(page, 3, debouncedSearch);
}, [page, debouncedSearch]);
if (loading || !data) {
return (
@@ -125,28 +127,9 @@ function Page() {
<Text fz="sm" lh={1.5}>
{v.deskripsiSingkat}
</Text>
<HoverCard shadow="md" position="bottom" radius="md" width={300}>
<HoverCard.Target>
<Text
fz="sm"
fw={500}
c={colors['blue-button']}
style={{ cursor: 'pointer' }}
>
Lihat detail lengkap
</Text>
</HoverCard.Target>
<HoverCard.Dropdown>
<Text
fz="sm"
lh={1.6}
dangerouslySetInnerHTML={{
__html: v.deskripsiLengkap,
}}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
/>
</HoverCard.Dropdown>
</HoverCard>
<Button variant="light" radius="md" size="md" onClick={() => router.push(`/admin/kesehatan/info-wabah-penyakit/${v.id}`)}>
Selengkapnya
</Button>
</Stack>
</Paper>
))}
@@ -154,17 +137,17 @@ function Page() {
)}
</Box>
<Center>
<Pagination
value={page}
onChange={(newPage) => load(newPage)}
total={totalPages}
radius="xl"
size="md"
mt="lg"
/>
</Center>
<Center>
<Pagination
value={page}
onChange={(newPage) => load(newPage)}
total={totalPages}
radius="xl"
size="md"
mt="lg"
/>
</Center>
</Stack>
);

71
src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
View File

@@ -1,9 +1,9 @@
'use client'
import { useState } from 'react';
import { useProxy } from 'valtio/utils';
import { useShallowEffect } from '@mantine/hooks';
import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darurat/kontakDarurat';
import colors from '@/con/colors';
import {
Box,
Button,
Center,
Grid,
GridCol,
@@ -15,23 +15,24 @@ import {
Stack,
Text,
TextInput,
Tooltip,
Badge,
Tooltip
} from '@mantine/core';
import { IconSearch, IconPhone } from '@tabler/icons-react';
import { useShallowEffect } from '@mantine/hooks';
import { IconBrandWhatsapp, IconSearch } from '@tabler/icons-react';
import { useState } from 'react';
import { useProxy } from 'valtio/utils';
import BackButton from '../../desa/layanan/_com/BackButto';
import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darurat/kontakDarurat';
import colors from '@/con/colors';
import { useDebouncedValue } from '@mantine/hooks';
function Page() {
const state = useProxy(kontakDarurat);
const [search, setSearch] = useState('');
const [debouncedSearch] = useDebouncedValue(search, 500)
const { data, page, totalPages, loading, load } = state.findMany;
useShallowEffect(() => {
load(page, 6, search);
}, [page, search]);
load(page, 3, debouncedSearch);
}, [page, debouncedSearch]);
if (loading || !data) {
return (
@@ -113,16 +114,16 @@ function Page() {
{v.name}
</Text>
<Text fz="sm" c="dimmed" ta="center" lineClamp={3}>
<span style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
<span style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.deskripsi }} />
</Text>
<Badge
color="blue"
leftSection={<IconPhone size={14} />}
variant="light"
mt="sm"
>
Panggil Sekarang
</Badge>
<Button
variant="light"
leftSection={<IconBrandWhatsapp size={18} />}
component="a"
href={`https://wa.me/${v.whatsapp.replace(/\D/g, '')}`}
target="_blank"
aria-label="Hubungi WhatsApp"
>WhatsApp</Button>
</Stack>
</Paper>
))}
@@ -130,22 +131,20 @@ function Page() {
)}
</Box>
{totalPages > 1 && (
<Center mt="xl">
<Pagination
value={page}
onChange={(newPage) => load(newPage, 6, search)}
total={totalPages}
radius="xl"
size="md"
styles={{
control: {
borderRadius: '999px',
},
}}
/>
</Center>
)}
<Center mt="xl">
<Pagination
value={page}
onChange={(newPage) => load(newPage, 3, search)}
total={totalPages}
size="lg"
radius="xl"
styles={{
control: {
border: `1px solid ${colors['blue-button']}`,
},
}}
/>
</Center>
</Stack>
);
}

41
src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
View File

@@ -17,7 +17,7 @@ import {
TextInput,
Tooltip
} from '@mantine/core'
import { useShallowEffect } from '@mantine/hooks'
import { useDebouncedValue, useShallowEffect } from '@mantine/hooks'
import { IconSearch } from '@tabler/icons-react'
import { useState } from 'react'
import { useProxy } from 'valtio/utils'
@@ -26,12 +26,12 @@ import BackButton from '../../desa/layanan/_com/BackButto'
function Page() {
const state = useProxy(penangananDarurat)
const [search, setSearch] = useState('')
const [debouncedSearch] = useDebouncedValue(search, 500)
const { data, page, totalPages, loading, load } = state.findMany
useShallowEffect(() => {
load(page, 6, search)
}, [page, search])
load(page, 3, debouncedSearch)
}, [page, debouncedSearch])
if (loading || !data) {
return (
@@ -127,7 +127,7 @@ function Page() {
c="dimmed"
lineClamp={4}
dangerouslySetInnerHTML={{ __html: v.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Box>
</Stack>
@@ -141,22 +141,21 @@ function Page() {
)}
</Box>
{totalPages > 1 && (
<Center mt="xl">
<Pagination
value={page}
onChange={(newPage) => load(newPage, 6, search)}
total={totalPages}
size="lg"
radius="xl"
styles={{
control: {
border: `1px solid ${colors['blue-button']}`,
},
}}
/>
</Center>
)}
<Center mt="xl">
<Pagination
value={page}
onChange={(newPage) => load(newPage, 3, search)}
total={totalPages}
size="lg"
radius="xl"
styles={{
control: {
border: `1px solid ${colors['blue-button']}`,
},
}}
/>
</Center>
</Stack>
)
}

15
src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
View File

@@ -26,6 +26,16 @@ export default function Page() {
);
}
if (data.length === 0) {
return (
<Box py="xl" px={{ base: "md", md: 100 }}>
<Text fz="lg" fw="bold" c={colors["blue-button"]}>
Tidak ada posyandu yang ditemukan
</Text>
</Box>
);
}
return (
<Stack pos="relative" bg={colors.Bg} py="xl" gap="xl">
<Box px={{ base: "md", md: 100 }}>
@@ -111,10 +121,11 @@ export default function Page() {
<IconCalendar size={18} stroke={1.5} />
<Text fz="sm" c="dimmed">
Jadwal:{" "}
<span style={{wordBreak: "break-word", whiteSpace: "normal"}} dangerouslySetInnerHTML={{ __html: v.jadwalPelayanan }} />
<span style={{ wordBreak: "break-word", whiteSpace: "normal" }} dangerouslySetInnerHTML={{ __html: v.jadwalPelayanan }} />
</Text>
</Flex>
<Spoiler
key={`spoiler-${v.id}`}
maxHeight={70}
showLabel="Lihat selengkapnya"
hideLabel="Sembunyikan"
@@ -124,7 +135,7 @@ export default function Page() {
fz="sm"
lh={1.5}
dangerouslySetInnerHTML={{ __html: v.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
</Spoiler>
</Stack>

43
src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx
View File

@@ -30,7 +30,7 @@ import BackButton from "../../desa/layanan/_com/BackButto";
import { useProxy } from "valtio/utils";
import programKesehatan from "@/app/admin/(dashboard)/_state/kesehatan/program-kesehatan/programKesehatan";
import { useState } from "react";
import { useShallowEffect } from "@mantine/hooks";
import { useDebouncedValue, useShallowEffect } from "@mantine/hooks";
import { useRouter } from "next/navigation";
const manfaatProgram = [
@@ -58,11 +58,12 @@ export default function Page() {
const state = useProxy(programKesehatan);
const router = useRouter();
const [search, setSearch] = useState("");
const [debouncedSearch] = useDebouncedValue(search, 500); // 500ms delay
const { data, page, totalPages, loading, load } = state.findMany;
useShallowEffect(() => {
load(page, 3, search);
}, [page, search]);
load(page, 3, debouncedSearch);
}, [page, debouncedSearch]);
if (loading || !data) {
return (
@@ -125,14 +126,18 @@ export default function Page() {
className="hover-scale"
>
<Stack gap="md">
<Image
src={v.image?.link}
alt={v.name}
radius="xl"
height={180}
fit="cover"
loading="lazy"
/>
<Box h={180} w="100%">
<Image
src={v.image?.link}
alt={v.name}
radius="xl"
w="100%"
h="100%"
fit="cover"
loading="lazy"
/>
</Box>
<Box px="lg" pb="lg">
<Text
fw="bold"
@@ -147,7 +152,7 @@ export default function Page() {
c="dimmed"
lineClamp={3}
dangerouslySetInnerHTML={{ __html: v.deskripsi }}
style={{wordBreak: "break-word", whiteSpace: "normal"}}
style={{ wordBreak: "break-word", whiteSpace: "normal" }}
/>
<Group justify="space-between" mt="md">
<Group gap="xs">
@@ -155,13 +160,13 @@ export default function Page() {
<Text size="sm">
{v.createdAt
? new Date(v.createdAt).toLocaleDateString(
"id-ID",
{
day: "numeric",
month: "long",
year: "numeric",
}
)
"id-ID",
{
day: "numeric",
month: "long",
year: "numeric",
}
)
: "Tanggal tidak tersedia"}
</Text>
</Group>