Fix Admin - User Menu Keamanan, Submenu Laporan Kontak Darurat, Laporan Publik

src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx

@@ -56,6 +56,7 @@ function Page() {
                 </Group>
 
                 <Stack gap="lg">
+                  
                   <Box>
                     <Text fz="h4" fw="bold">Pendahuluan</Text>
                     <Divider my="xs" />

src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx

@@ -11,11 +11,11 @@ function ArtikelKesehatanPage() {
   const state = useProxy(artikelKesehatanState)
   const router = useRouter()
 
-  useShallowEffect(()=> {
+  useShallowEffect(() => {
     state.findMany.load()
   }, [])
 
-  if(!state.findMany.data){
+  if (!state.findMany.data) {
     return (
       <Box py="xl" ta="center">
         <Loader size="lg" color={colors['blue-button']} />
@@ -24,36 +24,34 @@ function ArtikelKesehatanPage() {
     )
   }
 
-  if(state.findMany.data.length === 0){
-    return (
-      <Box py="xl" ta="center">
-        <Image src="/empty-state.svg" alt="Tidak ada data" w={220} mx="auto" />
-        <Text mt="md" fw="bold" fz="lg">Belum ada artikel kesehatan</Text>
-        <Text c="dimmed" fz="sm">Artikel akan tampil di sini setelah tersedia.</Text>
-      </Box>
-    )
-  }
-
   return (
     <Box>
       <Paper p="xl" bg={colors['white-trans-1']} radius="xl" shadow="md">
-        <Stack gap="xl">
-          <Title order={2} ta="center" c={colors['blue-button']}>Artikel Kesehatan</Title>
-          <Divider color={colors['blue-button']} />
-          <Stack gap="lg">
-            {state.findMany.data.map((item) => (
-              <Card 
-                key={item.id} 
-                withBorder 
-                radius="lg" 
-                shadow="sm" 
-                p="lg" 
+        <Stack gap="lg">
+          <Title order={2} ta="center" c={colors['blue-button']}>
+            Artikel Kesehatan
+          </Title>
+          <Divider size="sm" color={colors['blue-button']} />
+          {state.findMany.data.length === 0 ? (
+            <Box py="xl" ta="center">
+              <Text fz="lg" c="dimmed">
+                Belum ada artikel kesehatan yang tersedia
+              </Text>
+            </Box>
+          ) : (
+            state.findMany.data.map((item) => (
+              <Card
+                key={item.id}
+                withBorder
+                radius="lg"
+                shadow="sm"
+                p="lg"
                 style={{ transition: 'transform 200ms ease' }}
                 onMouseEnter={(e) => (e.currentTarget.style.transform = 'translateY(-4px)')}
                 onMouseLeave={(e) => (e.currentTarget.style.transform = 'translateY(0)')}
               >
                 <Card.Section>
-                  <Image src={'/api/img/dbd.png'} alt={item.title} height={200} fit="cover" />
+                  <Image src={item.image?.link} alt={item.title} height={200} fit="cover" />
                 </Card.Section>
                 <Stack gap="xs" mt="md">
                   <Text fw="bold" fz="xl" c="dark">{item.title}</Text>
@@ -67,9 +65,9 @@ function ArtikelKesehatanPage() {
                     {item.content}
                   </Text>
                   <Tooltip label="Baca artikel lengkap">
-                    <Anchor 
-                      onClick={()=> router.push(`/darmasaba/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/${item.id}`)} 
-                      variant="light" 
+                    <Anchor
+                      onClick={() => router.push(`/darmasaba/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/${item.id}`)}
+                      variant="light"
                       c={colors['blue-button']}
                     >
                       <Group gap="xs">
@@ -80,8 +78,8 @@ function ArtikelKesehatanPage() {
                   </Tooltip>
                 </Stack>
               </Card>
-            ))}
-          </Stack>
+            ))
+          )}
         </Stack>
       </Paper>
     </Box>

src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/page.tsx

@@ -29,14 +29,21 @@ function FasilitasKesehatanPage() {
 
   return (
     <Box>
-      <Paper p="xl" radius="xl" shadow="md" h="100%" bg="white">
+      <Paper bg={colors['white-trans-1']} p="xl" radius="xl" shadow="md" h="100%">
         <Stack gap="lg">
           <Text ta="center" fw={700} fz="32px" c={colors['blue-button']}>
             Fasilitas Kesehatan
           </Text>
           <Divider size="sm" color={colors['blue-button']} />
           <Stack gap="lg">
-            {state.findMany.data.map((item) => (
+          {state.findMany.data.length === 0 ? (
+            <Box py="xl" ta="center">
+              <Text fz="lg" c="dimmed">
+                Belum ada fasilitas kesehatan yang tersedia
+              </Text>
+            </Box>
+          ) : (
+            state.findMany.data.map((item) => (
               <Card
                 key={item.id}
                 withBorder
@@ -93,7 +100,8 @@ function FasilitasKesehatanPage() {
                   </Anchor>
                 </Stack>
               </Card>
-            ))}
+            ))
+          )}
           </Stack>
         </Stack>
       </Paper>

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

@@ -25,12 +25,12 @@ function JadwalKegiatanPage() {
 
   return (
     <Box>
-      <Paper p="xl" bg={colors['white-trans-1']} radius="xl" shadow="md" h="auto" mih="100vh">
+      <Paper bg={colors['white-trans-1']} p="xl" radius="xl" shadow="md" h="auto" mih="100vh">
         <Stack gap="lg">
           <Text ta="center" fw={700} fz="32px" c={colors['blue-button']}>
             Jadwal Kegiatan Warga
           </Text>
-
+          <Divider size="sm" color={colors['blue-button']} />
           {state.findMany.data.length === 0 ? (
             <Box py="xl" ta="center">
               <Text fz="lg" c="dimmed">