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

Fix Table Admin Preview Desktop

Browse Source 
Seeder Menu Kesehatan
This commit is contained in:
nico
2026-01-13 11:45:55 +08:00
parent 903dc74cca
commit 184854d273
115 changed files with 1508 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -84,7 +84,9 @@ function ListArtikelKesehatan({ search }: { search: string }) {
{/* Tabel */}
<Box style={{ overflowX: "auto" }}>
<Table highlightOnHover>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh style={{ minWidth: 200 }}>Judul</TableTh>

6
src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/dokter-tenaga-medis/page.tsx
View File

@@ -81,8 +81,10 @@ function ListDokterTenagaMedis({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh><Text fz="sm" fw={600} lh={1.4}>Nama Dokter</Text></TableTh>

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

@@ -170,8 +170,10 @@ function ListFasilitasKesehatan({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>Fasilitas Kesehatan</TableTh>

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

@@ -94,8 +94,10 @@ function ListTarifLayanan({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>

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

@@ -85,8 +85,10 @@ function ListJadwalKegiatan({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh fz="sm" fw={600} lh={1.2}>Nama</TableTh>

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

@@ -147,8 +147,10 @@ function ListGrafikHasilKepuasanMasyarakat({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>Nama</TableTh>

6
src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kelahiran/page.tsx
View File

@@ -99,8 +99,10 @@ function ListKelahiran({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover fz="md">
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false} fz="md">
<TableThead>
<TableTr>
<TableTh><Text fz="sm" fw={600} lh={1.4}>Nama</Text></TableTh>

6
src/app/admin/(dashboard)/kesehatan/data-kesehatan-warga/persentase_data_kelahiran_kematian/kematian/page.tsx
View File

@@ -95,8 +95,10 @@ function ListKematian({ search }: { search: string }) {
</Group>
{/* Tabel untuk desktop */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh><Text fz="sm" fw={600} lh={1.2}>Nama</Text></TableTh>

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

@@ -234,7 +234,7 @@ function GrafikPersentaseKelahiranKematian() {
{/* Desktop: Table */}
<Box visibleFrom="md">
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table striped withTableBorder highlightOnHover>
<Table.Thead>
<Table.Tr>

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

@@ -93,7 +93,9 @@ function ListInfoWabahPenyakit({ search }: { search: string }) {
{/* Desktop Table */}
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>Judul</TableTh>

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

@@ -159,8 +159,8 @@ function EditKontakDarurat() {
<TextInput
value={formData.whatsapp}
onChange={(e) => setFormData(prev => ({ ...prev, whatsapp: e.target.value }))}
label="Whatsapp"
placeholder="Masukkan whatsapp"
label="Telepon"
placeholder="Masukkan telepon"
required
/>

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

@@ -73,7 +73,7 @@ function DetailKontakDarurat() {
</Box>
<Box>
<Text fz="lg" fw="bold">Whatsapp</Text>
<Text fz="lg" fw="bold">Telepon</Text>
<Text fz="md" c="dimmed">{data.whatsapp || '-'}</Text>
</Box>

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

@@ -120,8 +120,8 @@ function CreateKontakDarurat() {
onChange={(val) => {
kontakDaruratState.create.form.whatsapp = val.target.value;
}}
label={<Text fz="sm" fw="bold">Whatsapp</Text>}
placeholder="Masukkan whatsapp"
label={<Text fz="sm" fw="bold">Telepon</Text>}
placeholder="Masukkan telepon"
required
/>

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

@@ -83,8 +83,10 @@ function ListKontakDarurat({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>Judul</TableTh>

6
src/app/admin/(dashboard)/kesehatan/penanganan-darurat/page.tsx
View File

@@ -87,8 +87,10 @@ function ListPenangananDarurat({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh fz="sm" fw={600} lh={1.4}>Judul</TableTh>

23
src/app/admin/(dashboard)/kesehatan/posyandu/page.tsx
View File

@@ -87,31 +87,34 @@ function ListPosyandu({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}
>
<TableThead>
<TableTr>
<TableTh fz="sm" fw={600} ta="left" lh={1.4}>Nama Posyandu</TableTh>
<TableTh fz="sm" fw={600} ta="left" lh={1.4}>Nomor Posyandu</TableTh>
<TableTh fz="sm" fw={600} ta="left" lh={1.4}>Deskripsi</TableTh>
<TableTh fz="sm" fw={600} ta="left" lh={1.4}>Aksi</TableTh>
<TableTh w={220} fz="sm" fw={600} ta="left" lh={1.4}>Nama Posyandu</TableTh>
<TableTh w={220} fz="sm" fw={600} ta="left" lh={1.4}>Nomor Posyandu</TableTh>
<TableTh w={220} fz="sm" fw={600} ta="left" lh={1.4}>Deskripsi</TableTh>
<TableTh w={150} fz="sm" fw={600} ta="left" lh={1.4}>Aksi</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{filteredData.length > 0 ? (
filteredData.map((item) => (
<TableTr key={item.id}>
<TableTd>
<TableTd w={220}>
<Text fz="md" fw={500} lh={1.5} truncate="end" lineClamp={1}>
{item.name}
</Text>
</TableTd>
<TableTd>
<TableTd w={220}>
<Text fz="sm" c="dimmed" lh={1.5}>
{item.nomor || '-'}
</Text>
</TableTd>
<TableTd>
<TableTd w={220}>
<Text
fz="sm"
lh={1.5}
@@ -120,7 +123,7 @@ function ListPosyandu({ search }: { search: string }) {
dangerouslySetInnerHTML={{ __html: item.deskripsi }}
/>
</TableTd>
<TableTd>
<TableTd w={220}>
<Button
size="xs"
radius="md"

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

@@ -83,8 +83,10 @@ function ListProgramKesehatan({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>

6
src/app/admin/(dashboard)/kesehatan/puskesmas/page.tsx
View File

@@ -82,8 +82,10 @@ function ListPuskesmas({ search }: { search: string }) {
</Group>
{/* Desktop Table */}
<Box visibleFrom="md">
<Table highlightOnHover>
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false}>
<TableThead>
<TableTr>
<TableTh>