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

Fix QC Kak Inno 8 Des

Browse Source 
Fix QC Kak Ayu 8 Des
Fix QC Pak Jun 8 Des
This commit is contained in:
nico
2025-12-09 17:27:23 +08:00
parent 9dbe172165
commit ac2fc1a705
44 changed files with 712 additions and 477 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
View File

@@ -7,10 +7,12 @@ import { IconSearch, IconMapPin, IconPhone, IconMail } from '@tabler/icons-react
import { useState } from 'react';
import { useProxy } from 'valtio/utils';
import BackButton from '../../desa/layanan/_com/BackButto';
import { useDebouncedValue } from '@mantine/hooks';
function Page() {
const state = useProxy(puskesmasState)
const [search, setSearch] = useState('')
const [debouncedSearch] = useDebouncedValue(search, 1000);
const {
data,
@@ -21,8 +23,8 @@ function Page() {
} = state.findMany;
useShallowEffect(() => {
load(page, 6, search)
}, [page, search])
load(page, 6, debouncedSearch)
}, [page, debouncedSearch])
if (loading || !data) {
return (
@@ -95,17 +97,17 @@ function Page() {
</Group>
<Stack gap={6}>
<Group gap="xs" align="flex-start" wrap="nowrap">
<Box pt={2}><IconMapPin size={16} /></Box>
<Box pt={2}><IconMapPin size={20} /></Box>
<Text fz="sm" c="dimmed">{v.alamat}</Text>
</Group>
<Group gap="xs" align="flex-start" wrap="nowrap">
<Box pt={2}><IconPhone size={16} /></Box>
<Box pt={2}><IconPhone size={20} /></Box>
<Text fz="sm" c="dimmed">{v.kontak.kontakPuskesmas}</Text>
</Group>
<Group gap="xs" align="flex-start" wrap="nowrap">
<Box pt={2}><IconMail size={16} /></Box>
<Box pt={2}><IconMail size={20} /></Box>
<Text fz="sm" c="dimmed">{v.kontak.email}</Text>
</Group>
</Stack>