Tambahan Tampilan Admin Menu Inovasi

src/app/admin/(dashboard)/inovasi/program-kreatif-desa/page.tsx

@@ -1,18 +1,58 @@
-import { Box, Stack, Title } from '@mantine/core';
-import React from 'react';
-import ProgramKreatifCreate from './create/page';
-import ListDataProgramKreatifDesa from './listData/page';
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Paper, Table, TableTbody, TableTd, TableTh, TableThead, TableTr } from '@mantine/core';
+import { IconDeviceImac, IconSearch } from '@tabler/icons-react';
+import HeaderSearch from '../../_com/header';
+import JudulList from '../../_com/judulList';
+import { useRouter } from 'next/navigation';
 
-function Page() {
+function ProgramKreatifDesa() {
   return (
     <Box>
-      <Stack gap={"xs"}>
-        <Title order={3}>Program Kreatif Desa</Title>
-        <ProgramKreatifCreate />
-        <ListDataProgramKreatifDesa />
-      </Stack>
+      <HeaderSearch
+        title='Program Kreatif Desa'
+        placeholder='pencarian'
+        searchIcon={<IconSearch size={20} />}
+      />
+      <ListProgramKreatifDesa/>
     </Box>
   );
 }
 
-export default Page;
+function ListProgramKreatifDesa() {
+  const router = useRouter();
+  return (
+    <Box py={10}>
+      <Paper bg={colors['white-1']} p={'md'}>
+        <JudulList
+          title='List Program Kreatif Desa'
+          href='/admin/inovasi/program-kreatif-desa/create'
+        />
+        <Table striped withTableBorder withRowBorders>
+          <TableThead>
+            <TableTr>
+              <TableTh>Nama Program Kreatif Desa</TableTh>
+              <TableTh>Image</TableTh>
+              <TableTh>Deskripsi Singkat</TableTh>
+              <TableTh>Detail</TableTh>
+              </TableTr>
+          </TableThead>
+          <TableTbody>
+            <TableTr>
+              <TableTd>Program Kreatif Desa 1</TableTd>
+              <TableTd>Image</TableTd>
+              <TableTd>Deskripsi Singkat</TableTd>
+              <TableTd>
+                <Button onClick={() => router.push('/admin/inovasi/program-kreatif-desa/detail')}>
+                  <IconDeviceImac size={20} />
+                </Button>
+              </TableTd>
+            </TableTr>
+          </TableTbody>
+        </Table>  
+      </Paper>
+    </Box>
+  );
+}
+
+export default ProgramKreatifDesa;