Jum'at, 30 May 2025 :

Yang Sudah Di Kerjakan
* Tampilan UI Admin di menu inovasi
* API Create, edit dan delete potensi

Yang Lagi Dikerjakan:
* Progress Tampilan UI Admin Di Menu lingkungan
* Progress API Create, edit dan delete potensi

Yang Akan Dikerjakan:
* API Create, edit dan delete pengumuman
* Tampilan UI Admin Di Menu Pendidikan

src/app/admin/(dashboard)/lingkungan/program-penghijauan/create/page.tsx

@@ -0,0 +1,73 @@
+'use client'
+import colors from '@/con/colors';
+import { Box, Button, Paper, Stack, Text, TextInput, Title } from '@mantine/core';
+import { IconArrowBack, IconImageInPicture } from '@tabler/icons-react';
+import { useRouter } from 'next/navigation';
+
+function Page() {
+  const router = useRouter()
+  return (
+    <Box>
+     <Box mb={10}>
+        <Button variant="subtle" onClick={() => router.back()}>
+          <IconArrowBack color={colors['blue-button']} size={25} />
+        </Button>
+      </Box>
+
+      <Paper bg={colors['white-1']} p="md" w={{ base: '100%', md: '50%' }}>
+        <Stack gap={"xs"}>
+          <Title order={3}>Create Program Penghijauan</Title>
+
+          <TextInput
+            label={<Text fz="sm" fw="bold">Judul</Text>}
+            placeholder="masukkan judul"
+          />
+
+          <TextInput
+            label={<Text fz="sm" fw="bold">Deskripsi</Text>}
+            placeholder="masukkan deskripsi"
+          />
+
+          <Text fz="sm" fw="bold">Gambar</Text>
+          <IconImageInPicture size={25} />
+          {/* <FileInput
+            label={<Text fz="sm" fw="bold">Upload Gambar</Text>}
+            value={file}
+            onChange={async (e) => {
+                if (!e) return;
+                setFile(e);
+                const base64 = await e.arrayBuffer().then((buf) =>
+                    'data:image/png;base64,' + Buffer.from(buf).toString('base64')
+                );
+                setPreviewImage(base64);
+            }}
+          /> */}
+
+          {/* {previewImage ? (
+              <Image alt="" src={previewImage} w={200} h={200} />
+          ) : (
+              <Center w={200} h={200} bg="gray">
+                  <IconImageInPicture />
+              </Center>
+          )} */}
+
+          <Box>
+              <Text fz="sm" fw="bold">Konten</Text>
+              {/* <CreateEditor
+                  value={potensiState.create.form.content}
+                  onChange={(htmlContent) => {
+                      potensiState.create.form.content = htmlContent;
+                  }}
+              /> */}
+          </Box>
+
+          <Button bg={colors['blue-button']}>
+              Simpan Potensi
+          </Button>
+        </Stack>
+      </Paper>
+    </Box>
+  );
+}
+
+export default Page;

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

@@ -1,11 +1,68 @@
-import React from 'react';
+import { Box, Button, Image, Paper, Stack, Table, TableTbody, TableTd, TableTh, TableThead, TableTr, Text } from '@mantine/core';
+import HeaderSearch from '../../_com/header';
+import { IconDeviceImacCog, IconSearch } from '@tabler/icons-react';
+import colors from '@/con/colors';
+import JudulList from '../../_com/judulList';
 
-function Page() {
+function ProgramPenghijauan() {
   return (
-    <div>
-      program-penghijauan
-    </div>
+   <Box>
+    <HeaderSearch
+    title='Program Penghijauan'
+    placeholder='pencarian'
+    searchIcon={<IconSearch size={20}/>}
+    />
+    <ListManfaatPenghijauan/>
+   </Box>
   );
 }
 
-export default Page;
+function ListManfaatPenghijauan() {
+  return (
+    <Box py={10}>
+      <Paper bg={colors['white-1']} p={'md'}>
+        <Stack>
+          <JudulList
+          title='List Manfaat Program Penghijauan'
+          />
+          <Box style={{ overflowX: "auto" }}>
+            <Table striped withRowBorders withTableBorder style={{ minWidth: '700px' }}>
+              <TableThead>
+                <TableTr>
+                  <TableTh>Judul</TableTh>
+                  <TableTh>Gambar</TableTh>
+                  <TableTh>Jumlah</TableTh>
+                  <TableTh>Deskripsi</TableTh>
+                  <TableTh>Detail</TableTh>
+                </TableTr>
+              </TableThead>
+              <TableTbody>
+                <TableTr>
+                  <TableTd>
+                    <Box w={100}>
+                      <Text truncate="end" fz={"sm"}>Judul</Text>
+                    </Box>
+                  </TableTd>
+                  <TableTd>
+                    <Text truncate="end" fz={"sm"}>Jumlah</Text>
+                  </TableTd>
+                  <TableTd>
+                    <Image w={100}  alt="image" />
+                  </TableTd>
+                  <TableTd>Deskripsi</TableTd>
+                  <TableTd>
+                    <Button>
+                      <IconDeviceImacCog size={25} />
+                    </Button>
+                  </TableTd>
+                </TableTr>
+              </TableTbody>
+            </Table>
+          </Box>
+        </Stack>
+      </Paper>
+    </Box>
+  )
+}
+
+export default ProgramPenghijauan;