Fix: Donasi

Deskripsi:
- Fix router status donasi
- Fix hapus donasi

src/app_modules/donasi/detail/detail_draft/index.tsx

@@ -3,35 +3,36 @@
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
+import { UIGlobal_Modal } from "@/app_modules/_global/ui";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
 import mqtt_client from "@/util/mqtt_client";
 import { Button, Group, Stack } from "@mantine/core";
-import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { Donasi_ComponentButtonDeleteDonasiById } from "../../component";
 import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
 import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
 import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
-import { gs_donasi_tabs_posting } from "../../global_state";
 import { MODEL_DONASI } from "../../model/interface";
-import { Donasi_ComponentButtonDeleteDonasiById } from "../../component";
 
 export default function DetailDraftDonasi({
   dataDonasi,
 }: {
   dataDonasi: MODEL_DONASI;
 }) {
+  const [data, setData] = useState(dataDonasi);
+
   return (
     <>
       <Stack spacing={"xl"} py={"md"}>
-        <ComponentDonasi_DetailDataGalangDana donasi={dataDonasi} />
-        <ComponentDonasi_CeritaPenggalangMain donasi={dataDonasi} />
+        <ComponentDonasi_DetailDataGalangDana donasi={data} />
+        <ComponentDonasi_CeritaPenggalangMain donasi={data} />
         <Group position="apart" grow mt={"lg"}>
-          <ButtonAjukanPenggalangan dataDonasi={dataDonasi} />
+          <ButtonAjukanPenggalangan dataDonasi={data} />
           <Donasi_ComponentButtonDeleteDonasiById
-            donasiId={dataDonasi.id}
-            imageCeritaId={dataDonasi.CeritaDonasi.imageId}
-            imageId={dataDonasi.imageId}
+            donasiId={data.id}
+            imageCeritaId={data.CeritaDonasi.imageId}
+            imageId={data.imageId}
           />
         </Group>
       </Stack>
@@ -45,12 +46,10 @@ function ButtonAjukanPenggalangan({
   dataDonasi: MODEL_DONASI;
 }) {
   const router = useRouter();
-  const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
-    gs_donasi_tabs_posting
-  );
   const [isLoading, setLoading] = useState(false);
+  const [openModal, setOpenModal] = useState(false);
 
-  async function onCLick() {
+  async function onChangeStatus() {
     const res = await Donasi_funGantiStatus(dataDonasi.id, "2");
     if (res.status === 200) {
       const dataNotif = {
@@ -70,9 +69,8 @@ function ButtonAjukanPenggalangan({
         mqtt_client.publish("ADMIN", JSON.stringify({ count: 1 }));
 
         setLoading(true);
-        setTabsPostingDonasi("Review");
         ComponentGlobal_NotifikasiBerhasil("Berhasil Diajukan");
-        router.push(RouterDonasi.main_galang_dana);
+        router.push(RouterDonasi.status_galang_dana({ id: "2" }));
       }
     } else {
       ComponentGlobal_NotifikasiPeringatan(res.message);
@@ -81,60 +79,36 @@ function ButtonAjukanPenggalangan({
   return (
     <>
       <Button
-        loaderPosition="center"
-        loading={isLoading ? true : false}
         radius={"xl"}
         bg={"orange"}
         color="orange"
-        onClick={() => onCLick()}
+        onClick={() => setOpenModal(true)}
       >
         Ajukan Kembali
       </Button>
+
+      <UIGlobal_Modal
+        title={"Anda yakin ingin mengajukan kembali ?"}
+        opened={openModal}
+        close={() => setOpenModal(false)}
+        buttonKiri={
+          <Button radius={"xl"} onClick={() => setOpenModal(false)}>
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            loaderPosition="center"
+            loading={isLoading}
+            radius={"xl"}
+            bg={"orange"}
+            color="orange"
+            onClick={() => onChangeStatus()}
+          >
+            Ajukan
+          </Button>
+        }
+      />
     </>
   );
 }
-
-// function DetailDonasi({ dataDonasi }: { dataDonasi: MODEL_DONASI }) {
-//   const [donasi, setDonasi] = useState(dataDonasi);
-//   useShallowEffect(() => {
-//     setDonasi(dataDonasi);
-//   }, [dataDonasi]);
-//   return (
-//     <>
-//       <Stack>
-//         <Stack>
-//           <AspectRatio ratio={16 / 9}>
-//             <Paper radius={"md"}>
-//               <Image
-//                 alt="Foto"
-//                 src={RouterDonasi.api_image + `${donasi.imageDonasi.url}`}
-//               />
-//             </Paper>
-//           </AspectRatio>
-//           <Stack spacing={0}>
-//             <Title order={4}>{donasi.title}</Title>
-//             <Text fz={"xs"}>
-//               Durasi: {donasi.DonasiMaster_Durasi.name} hari
-//             </Text>
-//           </Stack>
-//           <Stack spacing={0}>
-//             <Group position="apart">
-//               <Stack spacing={0}>
-//                 <Text fz={12}>Dana dibutuhkan</Text>
-//                 <Title order={4} c="blue">
-//                   <TampilanRupiahDonasi nominal={+donasi.target} />
-//                 </Title>
-//               </Stack>
-//               <Stack spacing={0}>
-//                 <Text fz={12}>Kategori</Text>
-//                 <Title order={4} c="blue">
-//                   {donasi.DonasiMaster_Ketegori.name}
-//                 </Title>
-//               </Stack>
-//             </Group>
-//           </Stack>
-//         </Stack>
-//       </Stack>
-//     </>
-//   );
-// }