Donasi

# feat
- Tampilan user selesai
- Tampilan admin in progres
### No Issue

src/app_modules/admin/donasi/index.tsx

@@ -0,0 +1,4 @@
+import AdminDonasi_Main from "./main";
+import AdminDonasi_TablePublish from "./table_status/table_publish";
+
+export {AdminDonasi_Main, AdminDonasi_TablePublish}

src/app_modules/admin/donasi/main/index.tsx

@@ -0,0 +1,95 @@
+"use client";
+
+import { RouterAdminDonasi } from "@/app/lib/router_hipmi/router_admin";
+import {
+  Stack,
+  Title,
+  Divider,
+  SimpleGrid,
+  Paper,
+  Center,
+  Text,
+  Box,
+  Group,
+  ActionIcon,
+} from "@mantine/core";
+import { IconChevronsRight } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+
+export default function AdminDonasi_Main() {
+  const router = useRouter();
+  const listBox = [
+    {
+      id: 1,
+      name: "Publish",
+      //   jumlah: countDraft,
+      link: RouterAdminDonasi.table_donasi,
+      color: "green",
+    },
+    {
+      id: 2,
+      name: "Review",
+      //   jumlah: countReview,
+      link: "",
+      color: "orange",
+    },
+    {
+      id: 3,
+      name: "Draft",
+      //   jumlah: countPublish,
+      link: "",
+      color: "yellow",
+    },
+    {
+      id: 4,
+      name: "Reject",
+      //   jumlah: countReject,
+      link: "",
+      color: "red",
+    },
+  ];
+  return (
+    <>
+      <Stack spacing={"sm"}>
+        <Title>Donasi</Title>
+        <Divider mb={"md"} />
+        <SimpleGrid
+          cols={4}
+          spacing="lg"
+          breakpoints={[
+            { maxWidth: "62rem", cols: 4, spacing: "lg" },
+            { maxWidth: "48rem", cols: 2, spacing: "sm" },
+            { maxWidth: "36rem", cols: 1, spacing: "sm" },
+          ]}
+        >
+          {listBox.map((e, i) => (
+            <Paper
+              key={i}
+              bg={`${e.color}.2`}
+              shadow="md"
+              radius="md"
+              p="md"
+              //   sx={{ borderColor: e.color, borderStyle: "solid" }}
+            >
+              <Group position="apart">
+                <IconChevronsRight color={`${e.color}.2`} />
+                <Stack align="center" spacing={0}>
+                  <Text>{e.name}</Text>
+                  <Title>10</Title>
+                </Stack>
+                {e.link !== "" ? (
+                  <ActionIcon radius={"xl"} onClick={() => router.push(e.link)}>
+                    {" "}
+                    <IconChevronsRight />
+                  </ActionIcon>
+                ) : (
+                  <ActionIcon variant="transparent" disabled></ActionIcon>
+                )}
+              </Group>
+            </Paper>
+          ))}
+        </SimpleGrid>
+      </Stack>
+    </>
+  );
+}

src/app_modules/admin/donasi/table_status/table_publish.tsx

@@ -0,0 +1,16 @@
+"use client"
+
+import { ActionIcon, Group, Text } from "@mantine/core"
+import { IconChevronLeft } from "@tabler/icons-react"
+
+export default function AdminDonasi_TablePublish() {
+    return<>
+   <Group>
+   <ActionIcon>
+        <IconChevronLeft/>
+    </ActionIcon>
+    <Text>Kembali</Text>
+   </Group>
+    table publish
+    </>
+}

src/app_modules/admin/main/layout.tsx

@@ -25,6 +25,7 @@ import { IconLetterH, IconLogout } from "@tabler/icons-react";
 import {
   RouterAdminAward,
   RouterAdminDashboard,
+  RouterAdminDonasi,
   RouterAdminInvestasi,
 } from "@/app/lib/router_hipmi/router_admin";
 import { useRouter } from "next/navigation";
@@ -54,8 +55,8 @@ export default function AdminLayout({
     },
     {
       id: 3,
-      name: "Award",
-      route: RouterAdminAward.main_award,
+      name: "Donasi",
+      route: RouterAdminDonasi.main_donasi,
     },
   ];