Fix Tampilan Data Kesehatan Warga User

This commit is contained in:
2025-08-22 16:30:35 +08:00
parent 8469ebd2e1
commit 8a275c2a32
4 changed files with 16 additions and 7 deletions

View File

@@ -51,7 +51,7 @@ function DetailFasilitasKesehatan() {
<GridCol span={12}> <GridCol span={12}>
<Text fz={"xl"} fw={"bold"}>Detail Fasilitas Kesehatan</Text> <Text fz={"xl"} fw={"bold"}>Detail Fasilitas Kesehatan</Text>
</GridCol> </GridCol>
<GridCol span={12}> {/* <GridCol span={12}>
<Flex gap={"xs"}> <Flex gap={"xs"}>
<Button color={colors['blue-button']} onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${params?.id}/dokter-tenaga-medis`)}> <Button color={colors['blue-button']} onClick={() => router.push(`/admin/kesehatan/data-kesehatan-warga/fasilitas_kesehatan/${params?.id}/dokter-tenaga-medis`)}>
Tambah Dokter Tambah Dokter
@@ -60,7 +60,7 @@ function DetailFasilitasKesehatan() {
Tambah Layanan Tambah Layanan
</Button> </Button>
</Flex> </Flex>
</GridCol> </GridCol> */}
</Grid> </Grid>
{stateFasilitasKesehatan.findUnique.data ? ( {stateFasilitasKesehatan.findUnique.data ? (
<Paper bg={colors['BG-trans']} p={'md'}> <Paper bg={colors['BG-trans']} p={'md'}>

View File

@@ -55,7 +55,10 @@ function DetailProgramInovasi() {
</Box> </Box>
<Box> <Box>
<Text fz={"lg"} fw={"bold"}>Deskripsi</Text> <Text fz={"lg"} fw={"bold"}>Deskripsi</Text>
<Text fz={"lg"}>{stateProgramInovasi.findUnique.data?.description}</Text> <Text
fz={"lg"}
>{stateProgramInovasi.findUnique.data?.description}</Text>
</Box> </Box>
<Box> <Box>
<Text fz={"lg"} fw={"bold"}>Link</Text> <Text fz={"lg"} fw={"bold"}>Link</Text>
@@ -63,6 +66,12 @@ function DetailProgramInovasi() {
href={stateProgramInovasi.findUnique.data?.link || "#"} href={stateProgramInovasi.findUnique.data?.link || "#"}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
style={{
wordWrap: 'break-word',
whiteSpace: 'pre-wrap',
overflowWrap: 'break-word',
width: '100%'
}}
> >
{stateProgramInovasi.findUnique.data?.link || "Tidak ada link"} {stateProgramInovasi.findUnique.data?.link || "Tidak ada link"}
</a> </a>

View File

@@ -25,9 +25,9 @@ function ArtikelKesehatanPage() {
<Box> <Box>
<Paper p={'xl'} h={'112vh'} bg={colors['white-trans-1']}> <Paper p={'xl'} h={'112vh'} bg={colors['white-trans-1']}>
<Stack gap={'xs'}> <Stack gap={'xs'}>
<Text ta={'center'} fw={"bold"} fz={'h3'} c={colors['blue-button']}>Artikel Kesehatan</Text>
{state.findMany.data.map((item) => ( {state.findMany.data.map((item) => (
<Box key={item.id}> <Box key={item.id}>
<Text ta={'center'} fw={"bold"} fz={'h3'} c={colors['blue-button']}>Artikel Kesehatan</Text>
<Image pt={5} src={'/api/img/dbd.png'} alt="" /> <Image pt={5} src={'/api/img/dbd.png'} alt="" />
<Text fz={'h4'} fw={'bold'} > <Text fz={'h4'} fw={'bold'} >
{item.title} {item.title}

View File

@@ -2,7 +2,7 @@
import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan'; import fasilitasKesehatanState from '@/app/admin/(dashboard)/_state/kesehatan/data_kesehatan_warga/fasilitasKesehatan';
import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto'; import BackButton from '@/app/darmasaba/(pages)/desa/layanan/_com/BackButto';
import colors from '@/con/colors'; import colors from '@/con/colors';
import { Box, Button, Divider, Group, List, ListItem, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core'; import { Box, Divider, List, ListItem, Paper, Skeleton, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks'; import { useShallowEffect } from '@mantine/hooks';
import { useParams } from 'next/navigation'; import { useParams } from 'next/navigation';
import { useProxy } from 'valtio/utils'; import { useProxy } from 'valtio/utils';
@@ -139,14 +139,14 @@ function Page() {
Email : <Text span fz={'h4'}>puskesmasabiansemal3@gmail.com</Text> Email : <Text span fz={'h4'}>puskesmasabiansemal3@gmail.com</Text>
</Text> </Text>
</Paper> </Paper>
<Paper p={'lg'} w={{ base: "100%", md: "100%" }}> {/* <Paper p={'lg'} w={{ base: "100%", md: "100%" }}>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3945.272172359321!2d115.21836257533302!3d-8.569807186941553!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23e9d99b9395f%3A0xb002795fdcb33b30!2sUPTD%20Puskesmas%20Abiansemal%20III!5e0!3m2!1sid!2sid!4v1744792682341!5m2!1sid!2sid" width="600" height="450" style={{ border: 2, width: "100%", borderRadius: 10 }} loading="lazy"></iframe> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3945.272172359321!2d115.21836257533302!3d-8.569807186941553!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd23e9d99b9395f%3A0xb002795fdcb33b30!2sUPTD%20Puskesmas%20Abiansemal%20III!5e0!3m2!1sid!2sid!4v1744792682341!5m2!1sid!2sid" width="600" height="450" style={{ border: 2, width: "100%", borderRadius: 10 }} loading="lazy"></iframe>
</Paper> </Paper>
<Group> <Group>
<Button fz={'lg'} bg={colors['blue-button']}> <Button fz={'lg'} bg={colors['blue-button']}>
Download Brosur Layanan (PDF) Download Brosur Layanan (PDF)
</Button> </Button>
</Group> </Group> */}
</Stack> </Stack>
</Box> </Box>
</Paper> </Paper>