# Voting

## feat
- Voting user
- Halaman kontribusi
- Halaman riwayat
### No issuue

src/app_modules/vote/detail/draft/index.tsx

@@ -0,0 +1,118 @@
+"use client";
+
+import { Button, Group, Modal, SimpleGrid, Stack, Title } from "@mantine/core";
+import ComponentVote_DetailDataSebelumPublish from "../../component/detail/detail_data_sebelum_publish";
+import { useRouter } from "next/navigation";
+import { useAtom } from "jotai";
+import { gs_vote_status } from "../../global_state";
+import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
+import { useDisclosure } from "@mantine/hooks";
+import { MODEL_VOTING } from "../../model/interface";
+import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/component_global/notif_global/notifikasi_peringatan";
+
+export default function Vote_DetailDraft({
+  dataVote,
+}: {
+  dataVote: MODEL_VOTING;
+}) {
+  return (
+    <>
+      <Stack>
+        <ComponentVote_DetailDataSebelumPublish data={dataVote} />
+        <ButtonAction voteId={dataVote.id} awalVote={dataVote.awalVote} />
+      </Stack>
+    </>
+  );
+}
+
+function ButtonAction({
+  voteId,
+  awalVote,
+}: {
+  voteId: string;
+  awalVote: Date;
+}) {
+  const router = useRouter();
+  const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
+  const [opened, { open, close }] = useDisclosure(false);
+
+  async function onUpdate() {
+    const hariIni = new Date();
+    if (awalVote < hariIni) return ComponentGlobal_NotifikasiPeringatan("Tanggal Voting Lewat");
+
+    await Vote_funEditStatusByStatusId(voteId, "2").then((res) => {
+      if (res.status === 200) {
+        setTabsStatus("Review");
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Ajukan Review", 2000);
+        router.back();
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
+
+  async function onDelete() {
+    await Vote_funDeleteById(voteId).then((res) => {
+      if (res.status === 200) {
+        setTabsStatus("Draft");
+        ComponentGlobal_NotifikasiBerhasil("Berhasil Hapus Vote", 2000);
+        router.back();
+      } else {
+        ComponentGlobal_NotifikasiGagal(res.message);
+      }
+    });
+  }
+
+  return (
+    <>
+      <SimpleGrid cols={2}>
+        <Button
+          radius={"xl"}
+          color="yellow"
+          onClick={() => {
+            onUpdate();
+          }}
+        >
+          Ajukan Review
+        </Button>
+        <Button
+          radius={"xl"}
+          color="red"
+          onClick={() => {
+            open();
+          }}
+        >
+          Hapus
+        </Button>
+      </SimpleGrid>
+
+      <Modal opened={opened} onClose={close} centered withCloseButton={false}>
+        <Stack>
+          <Title order={6}>Yakin menghapus vote ini ?</Title>
+          <Group position="center">
+            <Button
+              radius={"xl"}
+              onClick={() => {
+                close();
+              }}
+            >
+              Kembali
+            </Button>
+            <Button
+              radius={"xl"}
+              onClick={() => {
+                onDelete();
+              }}
+              color="red"
+            >
+              Hapus
+            </Button>
+          </Group>
+        </Stack>
+      </Modal>
+    </>
+  );
+}

src/app_modules/vote/detail/draft/layout.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { AppShell } from "@mantine/core";
+import React from "react";
+import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
+import { IconEdit } from "@tabler/icons-react";
+import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
+
+export default function LayoutVote_DetailDraft({
+  children,
+  voteId
+}: {
+  children: React.ReactNode;
+  voteId: string
+}) {
+  return (
+    <>
+      <AppShell
+        header={
+          <ComponentVote_HeaderTamplate
+            title="Detail Draft"
+            icon={<IconEdit />}
+            route2={RouterVote.edit + voteId}
+          />
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}