Lanjutan UI

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

@@ -1,8 +1,10 @@
+'use client'
 import colors from '@/con/colors';
 import { Box, Button, Image, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
 import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
 import JudulList from '../../_com/judulList';
 import HeaderSearch from '../../_com/header';
+import { useRouter } from 'next/navigation';
 
 function ProgramKesehatan() {
   return (
@@ -18,6 +20,7 @@ function ProgramKesehatan() {
 }
 
 function ListProgramKesehatan() {
+  const router = useRouter()
   return (
     <Box py={10}>
     <Paper bg={colors['white-1']} p={'md'}>
@@ -47,7 +50,7 @@ function ListProgramKesehatan() {
                   <Image w={100} src={"/"} alt="image" />
                 </TableTd>
                 <TableTd>
-                  <Button>
+                  <Button onClick={() => router.push('/admin/kesehatan/program-kesehatan/detail')}>
                     <IconDeviceImacCog size={25} />
                   </Button>
                 </TableTd>