#style:

Deskripsi:
- UI Voting bagian beranda dan status
## Noissue

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

@@ -20,6 +20,10 @@ import { Vote_funDeleteById } from "../../fun/delete/fun_delete_by_id";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import { Vote_funEditStatusByStatusId } from "../../fun/edit/fun_edit_status_by_id";
 import ComponentVote_NotedBox from "../../component/noted_box";
+import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
+import { useState } from "react";
+import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
+import { MainColor } from "@/app_modules/_global/color/color_pallet";
 
 export default function Vote_DetailReject({
   dataVote,
@@ -29,7 +33,10 @@ export default function Vote_DetailReject({
   return (
     <>
       <Stack spacing={"xl"}>
-        <ComponentVote_NotedBox informasi={dataVote?.catatan} />
+        <ComponentGlobal_BoxInformation
+          isReport
+          informasi={dataVote?.catatan}
+        />
         <ComponentVote_DetailDataSebelumPublish data={dataVote as any} />
         <ButtonAction voteId={dataVote.id} />
       </Stack>
@@ -40,7 +47,10 @@ export default function Vote_DetailReject({
 function ButtonAction({ voteId }: { voteId: string }) {
   const router = useRouter();
   const [tabsStatus, setTabsStatus] = useAtom(gs_vote_status);
-  const [opened, { open, close }] = useDisclosure(false);
+
+  const [openModal1, setOpenModal1] = useState(false);
+  const [openModal2, setOpenModal2] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
 
   async function onUpdate() {
     await Vote_funEditStatusByStatusId(voteId, "3").then((res) => {
@@ -73,7 +83,7 @@ function ButtonAction({ voteId }: { voteId: string }) {
           radius={"xl"}
           color="orange"
           onClick={() => {
-            onUpdate();
+            setOpenModal1(true);
           }}
         >
           Edit Kembali
@@ -82,37 +92,69 @@ function ButtonAction({ voteId }: { voteId: string }) {
           radius={"xl"}
           color="red"
           onClick={() => {
-            open();
+            setOpenModal2(true);
           }}
         >
           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>
+      <UIGlobal_Modal
+        title={"Anda akan mengedit kembali voting ini ?"}
+        opened={openModal1}
+        close={() => setOpenModal1(false)}
+        buttonKiri={
+          <Button
+            radius={"xl"}
+            onClick={() => {
+              setOpenModal1(false);
+            }}
+          >
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            loaderPosition="center"
+            loading={isLoading ? true : false}
+            radius={"xl"}
+            onClick={() => {
+              onUpdate();
+            }}
+            color="orange"
+          >
+            Simpan
+          </Button>
+        }
+      />
+
+      {/* MODAL HAPUS */}
+      <UIGlobal_Modal
+        title={"Anda yakin menghapus voting ini ?"}
+        opened={openModal2}
+        close={() => setOpenModal2(false)}
+        buttonKiri={
+          <Button
+            radius={"xl"}
+            onClick={() => {
+              setOpenModal2(false);
+            }}
+          >
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            radius={"xl"}
+            onClick={() => {
+              onDelete();
+            }}
+            color="red"
+          >
+            Hapus
+          </Button>
+        }
+      />
     </>
   );
 }