# Voting

## feat
- Create function
- Get list by status id
- Get one vote by id
### No issuue

src/app_modules/admin/layout.tsx

@@ -20,7 +20,7 @@ import {
   useMantineTheme,
 } from "@mantine/core";
 import React, { useState } from "react";
-import ComponentGlobal_HeaderTamplate from "../../../component_global/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "../component_global/header_tamplate";
 import { useDisclosure } from "@mantine/hooks";
 import { IconLetterH, IconLogout } from "@tabler/icons-react";
 import {
@@ -33,8 +33,8 @@ import { useRouter } from "next/navigation";
 import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 import { Logout } from "@/app_modules/auth";
 import { useAtom } from "jotai";
-import { gs_admin_hotMenu, gs_admin_subMenu } from "../../global_state";
-import Admin_Logout from "../../component/logout";
+import { gs_admin_hotMenu, gs_admin_subMenu } from "./global_state";
+import Admin_Logout from "./component/logout";
 import { RouterAdminEvent } from "@/app/lib/router_admin/router_admin_event";
 import _ from "lodash";
 import { listAdminPage } from "./list_page";
@@ -48,24 +48,23 @@ export default function AdminLayout({
   const [opened, setOpened] = useState(false);
   const router = useRouter();
   const [active, setActive] = useAtom(gs_admin_hotMenu);
-  const [activeChild, setActiveChild] = useAtom(gs_admin_subMenu)
+  const [activeChild, setActiveChild] = useAtom(gs_admin_subMenu);
 
   const navbarItems = listAdminPage.map((e, i) => (
-    <Box key={i}>
+    <Box key={e.id}>
       <NavLink
         sx={{
           ":hover": {
             backgroundColor: "transparent",
           },
         }}
-        
-        fw={active === i ? "bold" : "normal"}
+        fw={active === e.id ? "bold" : "normal"}
         label={<Text size={"md"}>{e.name}</Text>}
         onClick={() => {
-          setActive(i);
+          setActive(e.id);
           setActiveChild(null);
           e.path === "" ? router.push(e.child[0].path) : router.push(e.path);
-          e.path === "" ? setActiveChild(0) : ""
+          e.path === "" ? setActiveChild(e.child[0].id) : "";
         }}
       >
         {_.isEmpty(e.child) ? (
@@ -73,18 +72,18 @@ export default function AdminLayout({
         ) : (
           <Box>
             {e.child.map((v, ii) => (
-              <Box key={ii}>
+              <Box key={v.id}>
                 <NavLink
                   sx={{
                     ":hover": {
                       backgroundColor: "transparent",
                     },
                   }}
-                  fw={activeChild === ii ? "bold" : "normal"}
+                  fw={activeChild === v.id ? "bold" : "normal"}
                   label={<Text>{v.name}</Text>}
                   onClick={() => {
-                    setActive(i);
-                    setActiveChild(ii)
+                    setActive(e.id);
+                    setActiveChild(v.id);
                     router.push(v.path);
                   }}
                 />

src/app_modules/admin/list_page.ts

@@ -1,4 +1,5 @@
 import { RouterAdminEvent } from "@/app/lib/router_admin/router_admin_event";
+import { RouterAdminVote } from "@/app/lib/router_admin/router_admin_vote";
 import {
   RouterAdminDashboard,
   RouterAdminDonasi,
@@ -30,27 +31,27 @@ export const listAdminPage = [
     path: "",
     child: [
       {
-        id: 1,
+        id: 41,
         name: "Dashboard",
         path: RouterAdminEvent.main_event,
       },
       {
-        id: 2,
+        id: 42,
         name: "Table Publish",
         path: RouterAdminEvent.table_publish,
       },
       {
-        id: 3,
+        id: 43,
         name: "Table Review",
         path: RouterAdminEvent.table_review,
       },
       {
-        id: 4,
+        id: 44,
         name: "Table Reject",
         path: RouterAdminEvent.table_reject,
       },
       {
-        id: 5,
+        id: 45,
         name: "Tipe Acara",
         path: RouterAdminEvent.detail_tipe_acara,
       },
@@ -61,4 +62,36 @@ export const listAdminPage = [
       },
     ],
   },
+  {
+    id: 5,
+    name: "Voting",
+    path: "",
+    child: [
+      {
+        id: 51,
+        name: "Dashboard",
+        path: RouterAdminVote.main,
+      },
+      {
+        id: 52,
+        name: "Table Publish",
+        path: RouterAdminVote.table_publish,
+      },
+      {
+        id: 53,
+        name: "Table Review",
+        path: RouterAdminVote.table_review,
+      },
+      {
+        id: 54,
+        name: "Table Reject",
+        path: RouterAdminVote.table_reject,
+      },
+      {
+        id: 55,
+        name: "Riwayat",
+        path: RouterAdminVote.riwayat,
+      },
+    ],
+  },
 ];

src/app_modules/admin/main_dashboard/index.tsx

@@ -1,5 +1,5 @@
 import AdminMain from "./main/view";
-import AdminLayout from "./main/layout";
+import AdminLayout from "../layout";
 import SplashDashboardAdmin from "../splash/splash";
 
 export { AdminMain, AdminLayout, SplashDashboardAdmin };

src/app_modules/admin/voting/child/riwayat/index.tsx

@@ -0,0 +1,177 @@
+"use client";
+
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
+import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
+import {
+  Stack,
+  Center,
+  Spoiler,
+  Button,
+  Modal,
+  Paper,
+  Title,
+  Grid,
+  Avatar,
+  Group,
+  Divider,
+  Box,
+  Table,
+  Text,
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconEyeShare } from "@tabler/icons-react";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+
+import { useState } from "react";
+
+export default function AdminVote_Riwayat() {
+  return (
+    <>
+      <Stack>
+        <ComponentAdminGlobal_HeaderTamplate name="Voting: Table Riwayat" />
+        <TableStatus listPublish={[]} />
+      </Stack>
+    </>
+  );
+}
+
+function TableStatus({ listPublish }: { listPublish: any[] }) {
+  const router = useRouter();
+  const [opened, { open, close }] = useDisclosure(false);
+  const [data, setData] = useState(listPublish);
+  const [peserta, setPeserta] = useState<any[]>();
+  const [eventId, setEventId] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const TableRows = data.map((e, i) => (
+    <tr key={i}>
+      <td>
+        <Center>{e.title}</Center>
+      </td>
+      <td>
+        <Center>
+          <Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
+            {e.deskripsi}
+          </Spoiler>
+        </Center>
+      </td>
+      <td>
+        <Center>Mulai vote</Center>
+      </td>
+      <td>
+        <Center>Selesai vote</Center>
+      </td>
+
+      <td>
+        <Center>
+          <Button
+            loading={
+              e.id === eventId ? (loading === true ? true : false) : false
+            }
+            color={"green"}
+            leftIcon={<IconEyeShare />}
+            radius={"xl"}
+            onClick={async () => {
+              setEventId(e.id);
+              setLoading(true);
+              await new Promise((v) => setTimeout(v, 500));
+              await AdminEvent_getListPesertaById(e.id).then((res: any) => {
+                setPeserta(res);
+                setLoading(false);
+              });
+              open();
+            }}
+          >
+            Hasil Voting
+          </Button>
+        </Center>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close}>
+        <Paper>
+          <Stack>
+            <Center>
+              <Title order={3}>Daftar Peserta</Title>
+            </Center>
+            <Stack>
+              {peserta?.map((e) => (
+                <Stack key={e.id} spacing={"xs"}>
+                  <Grid>
+                    <Grid.Col span={"content"}>
+                      <Avatar
+                        sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
+                        radius={"xl"}
+                        src={
+                          RouterProfile.api_foto_profile +
+                          e.User.Profile.imagesId
+                        }
+                      />
+                    </Grid.Col>
+                    <Grid.Col span={"auto"}>
+                      <Group align="center" h={"100%"}>
+                        <Text>{e.User.Profile.name}</Text>
+                      </Group>
+                    </Grid.Col>
+                  </Grid>
+                  <Divider />
+                </Stack>
+              ))}
+            </Stack>
+          </Stack>
+        </Paper>
+      </Modal>
+      <Box>
+        <Box bg={"gray.1"} p={"xs"}>
+          <Title order={6} c={"gray"}>
+            RIWAYAT
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>
+                <Center>Judul</Center>
+              </th>
+              <th>
+                <Center>Deskripsi</Center>
+              </th>
+              <th>
+                <Center>Mulai Vote</Center>
+              </th>
+              <th>
+                <Center>Selesai Vote</Center>
+              </th>
+
+              <th>
+                <Center>Aksi</Center>
+              </th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+        <Center>
+          {_.isEmpty(TableRows) ? (
+            <Center h={"50vh"}>
+              <Title order={6}>Tidak Ada Data</Title>
+            </Center>
+          ) : (
+            ""
+          )}
+        </Center>
+      </Box>
+    </>
+  );
+}

src/app_modules/admin/voting/child/table_publish/index.tsx

@@ -0,0 +1,180 @@
+"use client";
+
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
+import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
+import {
+  MODEL_EVENT,
+  MODEL_EVENT_PESERTA,
+} from "@/app_modules/event/model/interface";
+import {
+  Avatar,
+  Box,
+  Button,
+  Center,
+  Divider,
+  Grid,
+  Group,
+  Modal,
+  Paper,
+  Spoiler,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconEyeShare } from "@tabler/icons-react";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+export default function AdminVote_TablePublish() {
+  return (
+    <>
+      <Stack>
+        <ComponentAdminGlobal_HeaderTamplate name="Voting: Table Publish" />
+        <TableStatus listPublish={[]} />
+      </Stack>
+    </>
+  );
+}
+
+function TableStatus({ listPublish }: { listPublish: any[] }) {
+  const router = useRouter();
+  const [opened, { open, close }] = useDisclosure(false);
+  const [data, setData] = useState(listPublish);
+  const [peserta, setPeserta] = useState<any[]>();
+  const [eventId, setEventId] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const TableRows = data.map((e, i) => (
+    <tr key={i}>
+      <td>
+        <Center>{e.title}</Center>
+      </td>
+      <td>
+        <Center>
+          <Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
+            {e.deskripsi}
+          </Spoiler>
+        </Center>
+      </td>
+      <td>
+        <Center>Mulai vote</Center>
+      </td>
+      <td>
+        <Center>Selesai vote</Center>
+      </td>
+
+      <td>
+        <Center>
+          <Button
+            loading={
+              e.id === eventId ? (loading === true ? true : false) : false
+            }
+            color={"green"}
+            leftIcon={<IconEyeShare />}
+            radius={"xl"}
+            onClick={async () => {
+              setEventId(e.id);
+              setLoading(true);
+              await new Promise((v) => setTimeout(v, 500));
+              await AdminEvent_getListPesertaById(e.id).then((res: any) => {
+                setPeserta(res);
+                setLoading(false);
+              });
+              open();
+            }}
+          >
+            Hasil Voting
+          </Button>
+        </Center>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close}>
+        <Paper>
+          <Stack>
+            <Center>
+              <Title order={3}>Daftar Peserta</Title>
+            </Center>
+            <Stack>
+              {peserta?.map((e) => (
+                <Stack key={e.id} spacing={"xs"}>
+                  <Grid>
+                    <Grid.Col span={"content"}>
+                      <Avatar
+                        sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
+                        radius={"xl"}
+                        src={
+                          RouterProfile.api_foto_profile +
+                          e.User.Profile.imagesId
+                        }
+                      />
+                    </Grid.Col>
+                    <Grid.Col span={"auto"}>
+                      <Group align="center" h={"100%"}>
+                        <Text>{e.User.Profile.name}</Text>
+                      </Group>
+                    </Grid.Col>
+                  </Grid>
+                  <Divider />
+                </Stack>
+              ))}
+            </Stack>
+          </Stack>
+        </Paper>
+      </Modal>
+      <Box>
+        <Box bg={"green.1"} p={"xs"}>
+          <Title order={6} c={"green"}>
+            PUBLISH
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>
+                <Center>Judul</Center>
+              </th>
+              <th>
+                <Center>Deskripsi</Center>
+              </th>
+              <th>
+                <Center>Mulai Vote</Center>
+              </th>
+              <th>
+                <Center>Selesai Vote</Center>
+              </th>
+
+              <th>
+                <Center>Aksi</Center>
+              </th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+        <Center>
+          {_.isEmpty(TableRows) ? (
+            <Center h={"50vh"}>
+              <Title order={6}>Tidak Ada Data</Title>
+            </Center>
+          ) : (
+            ""
+          )}
+        </Center>
+      </Box>
+    </>
+  );
+}

src/app_modules/admin/voting/child/table_reject/index.tsx

@@ -0,0 +1,176 @@
+"use client";
+
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
+import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
+import {
+  Avatar,
+  Box,
+  Button,
+  Center,
+  Divider,
+  Grid,
+  Group,
+  Modal,
+  Paper,
+  Spoiler,
+  Stack,
+  Table,
+  Text,
+  Title,
+} from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconEyeShare } from "@tabler/icons-react";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+
+export default function AdminVote_TableReject() {
+  return (
+    <>
+      <Stack>
+        <ComponentAdminGlobal_HeaderTamplate name="Voting: Table Reject" />
+        <TableStatus listData={[]} />
+      </Stack>
+    </>
+  );
+}
+
+function TableStatus({ listData }: { listData: any[] }) {
+  const router = useRouter();
+  const [opened, { open, close }] = useDisclosure(false);
+  const [data, setData] = useState(listData);
+  const [peserta, setPeserta] = useState<any[]>();
+  const [eventId, setEventId] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const TableRows = data.map((e, i) => (
+    <tr key={i}>
+      <td>
+        <Center>{e.title}</Center>
+      </td>
+      <td>
+        <Center>
+          <Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
+            {e.deskripsi}
+          </Spoiler>
+        </Center>
+      </td>
+      <td>
+        <Center>Mulai vote</Center>
+      </td>
+      <td>
+        <Center>Selesai vote</Center>
+      </td>
+
+      <td>
+        <Center>
+          <Button
+            loading={
+              e.id === eventId ? (loading === true ? true : false) : false
+            }
+            color={"green"}
+            leftIcon={<IconEyeShare />}
+            radius={"xl"}
+            onClick={async () => {
+              setEventId(e.id);
+              setLoading(true);
+              await new Promise((v) => setTimeout(v, 500));
+              await AdminEvent_getListPesertaById(e.id).then((res: any) => {
+                setPeserta(res);
+                setLoading(false);
+              });
+              open();
+            }}
+          >
+            Hasil Voting
+          </Button>
+        </Center>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close}>
+        <Paper>
+          <Stack>
+            <Center>
+              <Title order={3}>Daftar Peserta</Title>
+            </Center>
+            <Stack>
+              {peserta?.map((e) => (
+                <Stack key={e.id} spacing={"xs"}>
+                  <Grid>
+                    <Grid.Col span={"content"}>
+                      <Avatar
+                        sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
+                        radius={"xl"}
+                        src={
+                          RouterProfile.api_foto_profile +
+                          e.User.Profile.imagesId
+                        }
+                      />
+                    </Grid.Col>
+                    <Grid.Col span={"auto"}>
+                      <Group align="center" h={"100%"}>
+                        <Text>{e.User.Profile.name}</Text>
+                      </Group>
+                    </Grid.Col>
+                  </Grid>
+                  <Divider />
+                </Stack>
+              ))}
+            </Stack>
+          </Stack>
+        </Paper>
+      </Modal>
+      <Box>
+        <Box bg={"red.1"} p={"xs"}>
+          <Title order={6} c={"red"}>
+            REJECT
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>
+                <Center>Judul</Center>
+              </th>
+              <th>
+                <Center>Deskripsi</Center>
+              </th>
+              <th>
+                <Center>Mulai Vote</Center>
+              </th>
+              <th>
+                <Center>Selesai Vote</Center>
+              </th>
+
+              <th>
+                <Center>Aksi</Center>
+              </th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+        <Center>
+          {_.isEmpty(TableRows) ? (
+            <Center h={"50vh"}>
+              <Title order={6}>Tidak Ada Data</Title>
+            </Center>
+          ) : (
+            ""
+          )}
+        </Center>
+      </Box>
+    </>
+  );
+}

src/app_modules/admin/voting/child/table_review/index.tsx

@@ -0,0 +1,164 @@
+"use client";
+
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component/header_tamplate";
+import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
+import { Avatar, Box, Button, Center, Divider, Grid, Group, Modal, Paper, Spoiler, Stack, Table, Text, Title } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import { IconBan } from "@tabler/icons-react";
+import { IconEyeShare } from "@tabler/icons-react";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+
+import { useState } from "react";
+
+export default function AdminVote_TableReview() {
+  return (
+    <>
+      <Stack>
+        <ComponentAdminGlobal_HeaderTamplate name="Voting: Table Review" />
+        <TableStatus listData={[]}/>
+      </Stack>
+    </>
+  );
+}
+
+function TableStatus({ listData }: { listData: any[] }) {
+  const router = useRouter();
+  const [opened, { open, close }] = useDisclosure(false);
+  const [data, setData] = useState(listData);
+  const [peserta, setPeserta] = useState<any[]>();
+  const [eventId, setEventId] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const TableRows = data.map((e, i) => (
+    <tr key={i}>
+      <td>
+        <Center>{e.title}</Center>
+      </td>
+      <td>
+        <Center>
+          <Spoiler hideLabel="sembunyikan" maxHeight={50} showLabel="tampilkan">
+            {e.deskripsi}
+          </Spoiler>
+        </Center>
+      </td>
+      <td>
+        <Center>Mulai vote</Center>
+      </td>
+      <td>
+        <Center>Selesai vote</Center>
+      </td>
+
+      <td>
+        <Stack align="center">
+          <Button
+            w={150}
+            color={"green"}
+            leftIcon={<IconEyeShare />}
+            radius={"xl"}
+            // onClick={() => onPublish(e.id, setData)}
+          >
+            Publish
+          </Button>
+          <Button
+            w={150}
+            color={"red"}
+            leftIcon={<IconBan />}
+            radius={"xl"}
+            // onClick={() => {
+            //   open();
+            //   setEventId(e.id);
+            // }}
+          >
+            Reject
+          </Button>
+        </Stack>
+      </td>
+    </tr>
+  ));
+
+  return (
+    <>
+      <Modal opened={opened} onClose={close}>
+        <Paper>
+          <Stack>
+            <Center>
+              <Title order={3}>Daftar Peserta</Title>
+            </Center>
+            <Stack>
+              {peserta?.map((e) => (
+                <Stack key={e.id} spacing={"xs"}>
+                  <Grid>
+                    <Grid.Col span={"content"}>
+                      <Avatar
+                        sx={{ borderStyle: "solid", borderWidth: "0.5px" }}
+                        radius={"xl"}
+                        src={
+                          RouterProfile.api_foto_profile +
+                          e.User.Profile.imagesId
+                        }
+                      />
+                    </Grid.Col>
+                    <Grid.Col span={"auto"}>
+                      <Group align="center" h={"100%"}>
+                        <Text>{e.User.Profile.name}</Text>
+                      </Group>
+                    </Grid.Col>
+                  </Grid>
+                  <Divider />
+                </Stack>
+              ))}
+            </Stack>
+          </Stack>
+        </Paper>
+      </Modal>
+      <Box>
+        <Box bg={"orange.1"} p={"xs"}>
+          <Title order={6} c={"orange"}>
+            REVIEW
+          </Title>
+        </Box>
+        <Table
+          withBorder
+          verticalSpacing={"md"}
+          horizontalSpacing={"xl"}
+          p={"md"}
+          striped
+          highlightOnHover
+        >
+          <thead>
+            <tr>
+              <th>
+                <Center>Judul</Center>
+              </th>
+              <th>
+                <Center>Deskripsi</Center>
+              </th>
+              <th>
+                <Center>Mulai Vote</Center>
+              </th>
+              <th>
+                <Center>Selesai Vote</Center>
+              </th>
+
+              <th>
+                <Center>Aksi</Center>
+              </th>
+            </tr>
+          </thead>
+          <tbody>{TableRows}</tbody>
+        </Table>
+        <Center>
+          {_.isEmpty(TableRows) ? (
+            <Center h={"50vh"}>
+              <Title order={6}>Tidak Ada Data</Title>
+            </Center>
+          ) : (
+            ""
+          )}
+        </Center>
+      </Box>
+    </>
+  );
+}

src/app_modules/admin/voting/index.ts

@@ -0,0 +1,13 @@
+import AdminVote_Main from "./main";
+import AdminVote_TablePublish from "./child/table_publish";
+import AdminVote_TableReview from "./child/table_review";
+import AdminVote_TableReject from "./child/table_reject";
+import AdminVote_Riwayat from "./child/riwayat";
+
+export {
+  AdminVote_Main,
+  AdminVote_TablePublish,
+  AdminVote_TableReview,
+  AdminVote_TableReject,
+  AdminVote_Riwayat,
+};

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

@@ -0,0 +1,96 @@
+"use client";
+
+import { Stack, SimpleGrid, Paper, Group, Title, Text } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import ComponentAdminGlobal_HeaderTamplate from "../../component/header_tamplate";
+
+export default function AdminVote_Main({
+  countPublish,
+  countReview,
+  countDraft,
+  countReject,
+  countTipeAcara,
+  countRiwayat,
+}: {
+  countPublish?: number;
+  countReview?: number;
+  countDraft?: number;
+  countReject?: number;
+  countTipeAcara?: number;
+  countRiwayat?: number;
+}) {
+  const router = useRouter();
+
+  const listStatus = [
+    {
+      id: 1,
+      name: "Publish",
+      jumlah: countPublish,
+      color: "green",
+    },
+    {
+      id: 2,
+      name: "Review",
+      jumlah: countReview,
+      color: "orange",
+    },
+    {
+      id: 3,
+      name: "Draft",
+      jumlah: countDraft,
+      path: "",
+      color: "yellow",
+    },
+    {
+      id: 4,
+      name: "Reject",
+      jumlah: countReject,
+      color: "red",
+    },
+  ];
+
+  return (
+    <>
+      <Stack spacing={"xl"}>
+        <ComponentAdminGlobal_HeaderTamplate name="Voting" />
+
+        <SimpleGrid
+          cols={4}
+          spacing="lg"
+          breakpoints={[
+            { maxWidth: "62rem", cols: 4, spacing: "lg" },
+            { maxWidth: "48rem", cols: 2, spacing: "sm" },
+            { maxWidth: "36rem", cols: 1, spacing: "sm" },
+          ]}
+        >
+          {listStatus.map((e, i) => (
+            <Paper
+              key={i}
+              bg={`${e.color}.2`}
+              shadow="md"
+              radius="md"
+              p="md"
+              // sx={{ borderColor: e.color, borderStyle: "solid" }}
+            >
+              <Group position="center">
+                <Stack align="center" spacing={0}>
+                  <Text>{e.name}</Text>
+                  <Title>{e.jumlah ? e.jumlah : 0}</Title>
+                </Stack>
+              </Group>
+            </Paper>
+          ))}
+        </SimpleGrid>
+        <SimpleGrid
+          cols={4}
+          spacing="lg"
+          breakpoints={[
+            { maxWidth: "62rem", cols: 4, spacing: "lg" },
+            { maxWidth: "48rem", cols: 2, spacing: "sm" },
+            { maxWidth: "36rem", cols: 1, spacing: "sm" },
+          ]}
+        ></SimpleGrid>
+      </Stack>
+    </>
+  );
+}