Fix UI Mobile User & Admin Menu Kesehatan, QC Menu Kesehatan
This commit is contained in:
@@ -78,8 +78,9 @@ function DetailPuskesmas() {
|
||||
|
||||
<Box>
|
||||
<Text fz="lg" fw="bold">Jam Operasional</Text>
|
||||
<Text fz="md" c="dimmed">{data?.jam?.workDays || '-'}</Text>
|
||||
<Text fz="md" c="dimmed">{data?.jam?.weekDays || '-'}</Text>
|
||||
<Text fz="md" c="dimmed">Senin - Jumat</Text>
|
||||
<Text fz="md" c="dimmed">{data?.jam?.workDays || '-'} - {data?.jam?.weekDays || '-'}</Text>
|
||||
<Text fz="md" c="dimmed">Sabtu - Minggu / Hari Libur</Text>
|
||||
<Text fz="md" c="dimmed">{data?.jam?.holiday || '-'}</Text>
|
||||
</Box>
|
||||
|
||||
@@ -94,9 +95,13 @@ function DetailPuskesmas() {
|
||||
|
||||
<Box>
|
||||
<Text fz="lg" fw="bold">Kontak</Text>
|
||||
<Text fz="md" c="dimmed">Kontak Puskesmas</Text>
|
||||
<Text fz="md" c="dimmed">{data?.kontak?.kontakPuskesmas || '-'}</Text>
|
||||
<Text fz="md" c="dimmed">Email</Text>
|
||||
<Text fz="md" c="dimmed">{data?.kontak?.email || '-'}</Text>
|
||||
<Text fz="md" c="dimmed">Facebook</Text>
|
||||
<Text fz="md" c="dimmed">{data?.kontak?.facebook || '-'}</Text>
|
||||
<Text fz="md" c="dimmed">Kontak UGD</Text>
|
||||
<Text fz="md" c="dimmed">{data?.kontak?.kontakUGD || '-'}</Text>
|
||||
</Box>
|
||||
|
||||
|
||||
@@ -5,7 +5,6 @@ import {
|
||||
Button,
|
||||
Center,
|
||||
Group,
|
||||
Image,
|
||||
Pagination,
|
||||
Paper,
|
||||
Skeleton,
|
||||
@@ -18,7 +17,7 @@ import {
|
||||
TableTr,
|
||||
Text,
|
||||
Title,
|
||||
Tooltip,
|
||||
Tooltip
|
||||
} from '@mantine/core';
|
||||
import { useShallowEffect } from '@mantine/hooks';
|
||||
import { IconDeviceImacCog, IconPlus, IconSearch } from '@tabler/icons-react';
|
||||
@@ -90,7 +89,7 @@ function ListPuskesmas({ search }: { search: string }) {
|
||||
<TableTr>
|
||||
<TableTh>Nama Puskesmas</TableTh>
|
||||
<TableTh>Alamat</TableTh>
|
||||
<TableTh>Image</TableTh>
|
||||
<TableTh>Kontak</TableTh>
|
||||
<TableTh>Aksi</TableTh>
|
||||
</TableTr>
|
||||
</TableThead>
|
||||
@@ -99,13 +98,25 @@ function ListPuskesmas({ search }: { search: string }) {
|
||||
filteredData.map((item) => (
|
||||
<TableTr key={item.id}>
|
||||
<TableTd>
|
||||
<Text fw={500} truncate="end" lineClamp={1}>
|
||||
{item.name}
|
||||
</Text>
|
||||
<Box w={150}>
|
||||
<Text fw={500} truncate="end" lineClamp={1}>
|
||||
{item.name}
|
||||
</Text>
|
||||
</Box>
|
||||
</TableTd>
|
||||
<TableTd>{item.alamat}</TableTd>
|
||||
<TableTd>
|
||||
<Image w={100} src={item.image.link} alt="image" radius="md" loading="lazy"/>
|
||||
<Box w={150}>
|
||||
<Text truncate fz="sm" c="dimmed" lineClamp={1}>
|
||||
{item.alamat}
|
||||
</Text>
|
||||
</Box>
|
||||
</TableTd>
|
||||
<TableTd>
|
||||
<Box w={150}>
|
||||
<Text truncate fz="sm" c="dimmed" lineClamp={1}>
|
||||
{item.kontak.kontakPuskesmas}
|
||||
</Text>
|
||||
</Box>
|
||||
</TableTd>
|
||||
<TableTd>
|
||||
<Button
|
||||
|
||||
Reference in New Issue
Block a user