Fix: Donasi

Deskripsi: - Fix router status donasi - Fix hapus donasi
2024-10-30 15:45:40 +08:00
parent 30743b02ae
commit a798f9a3bc
20 changed files with 328 additions and 235 deletions
--- a/src/app_modules/donasi/detail/detail_draft/index.tsx
+++ b/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>
-//     </>
-//   );
-// }
--- a/src/app_modules/donasi/detail/detail_reject/index.tsx
+++ b/src/app_modules/donasi/detail/detail_reject/index.tsx
@@ -2,23 +2,21 @@

 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
+import { funGlobal_DeleteFileById } from "@/app_modules/_global/fun";
+import {
+  ComponentGlobal_NotifikasiBerhasil,
+  ComponentGlobal_NotifikasiGagal,
+  ComponentGlobal_NotifikasiPeringatan,
+} from "@/app_modules/_global/notif_global";
 import UIGlobal_Modal from "@/app_modules/_global/ui/ui_modal";
-import { Button, Group, Paper, Spoiler, Stack, Title } from "@mantine/core";
-import { useAtom } from "jotai";
+import { Button, Group, Stack } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
 import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
 import { Donasi_funDeleteDonasiById } from "../../fun/delete/fin_delete_donasi_by_id";
 import { Donasi_funGantiStatus } from "../../fun/update/fun_ganti_status";
-import { gs_donasi_tabs_posting } from "../../global_state";
 import { MODEL_DONASI } from "../../model/interface";
-import {
-  ComponentGlobal_NotifikasiBerhasil,
-  ComponentGlobal_NotifikasiGagal,
-  ComponentGlobal_NotifikasiPeringatan,
-} from "@/app_modules/_global/notif_global";
-import { funGlobal_DeleteFileById } from "@/app_modules/_global/fun";

 export default function DetailRejectDonasi({
  dataReject,
@@ -30,7 +28,7 @@ export default function DetailRejectDonasi({
  const [data, setData] = useState(dataReject);
  return (
    <>
-      <Stack spacing={"xl"} py={"md"}>
+      <Stack spacing={"xl"} pb={"md"}>
        <ComponentGlobal_BoxInformation isReport informasi={data.catatan} />
        <ComponentDonasi_DetailDataGalangDana donasi={data} />
        <ComponentDonasi_CeritaPenggalangMain donasi={data} />
@@ -53,33 +51,35 @@ function ButtonAction({
  fileIdImageCerita: string;
  imageId: string;
 }) {
-  const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
-    gs_donasi_tabs_posting
-  );
  const router = useRouter();
-  // const [opened, { open, close }] = useDisclosure(false);
-  const [openModal, setOpenModal] = useState(false);
+  const [openModaEdit, setOpenModalEdit] = useState(false);
+  const [openModalDelete, setOpenModalDelete] = useState(false);
+  const [isLoadingEdit, setLoadingEdit] = useState(false);
+  const [isLoadingDelete, setLoadingDelete] = useState(false);

-  async function onCLick() {
+  async function onChangeStatus() {
    await Donasi_funGantiStatus(donasiId, "3").then((res) => {
      if (res.status === 200) {
+        setLoadingEdit(true);
        ComponentGlobal_NotifikasiBerhasil(res.message);
-        router.push(RouterDonasi.main_galang_dana);
+        router.replace(RouterDonasi.status_galang_dana({ id: "3" }));
      } else {
        ComponentGlobal_NotifikasiGagal(res.message);
+        setLoadingEdit(true);
      }
    });
-    setTabsPostingDonasi("Draft");
  }
  async function onDelete() {
    const del = await Donasi_funDeleteDonasiById(donasiId);
    if (del.status === 200) {
+      setLoadingDelete(true);
      const deleteImageDonasi = await funGlobal_DeleteFileById({
        fileId: imageId as any,
      });

      if (!deleteImageDonasi.success) {
        ComponentGlobal_NotifikasiPeringatan("Gagal hapus gambar ");
+        setLoadingDelete(false);
      }

      const deleteImageCerita = await funGlobal_DeleteFileById({
@@ -88,13 +88,15 @@ function ButtonAction({

      if (!deleteImageCerita.success) {
        ComponentGlobal_NotifikasiPeringatan("Gagal hapus gambar ");
+        setLoadingDelete(false);
      }

-      router.push(RouterDonasi.main_galang_dana);
-      setTabsPostingDonasi("Reject");
+      router.replace(RouterDonasi.status_galang_dana({ id: "4" }));
      ComponentGlobal_NotifikasiBerhasil(del.message);
+      setLoadingDelete(false);
    } else {
      ComponentGlobal_NotifikasiGagal(del.message);
+      setLoadingDelete(false);
    }
  }
  return (
@@ -104,31 +106,61 @@ function ButtonAction({
          radius={"xl"}
          bg={"orange"}
          color="orange"
-          onClick={() => onCLick()}
+          onClick={() => setOpenModalEdit(true)}
        >
-          Edit Donasi
+          Edit Kembali
        </Button>
        <Button
          radius={"xl"}
          bg={"red"}
          color="red"
-          onClick={() => setOpenModal(true)}
+          onClick={() => setOpenModalDelete(true)}
        >
          Hapus Donasi
        </Button>
      </Group>

+      {/* MODAL EDIT */}
      <UIGlobal_Modal
-        title={"Anda yakin ingin menghapus donasi ini ?"}
-        opened={openModal}
-        close={() => setOpenModal(false)}
+        title={"Anda yakin ingin mengedit donasi ini ?"}
+        opened={openModaEdit}
+        close={() => setOpenModalEdit(false)}
        buttonKiri={
-          <Button radius={"xl"} onClick={() => setOpenModal(false)}>
+          <Button radius={"xl"} onClick={() => setOpenModalEdit(false)}>
            Batal
          </Button>
        }
        buttonKanan={
-          <Button radius={"xl"} color="red" onClick={() => onDelete()}>
+          <Button
+            loaderPosition="center"
+            loading={isLoadingEdit}
+            radius={"xl"}
+            color="orange"
+            onClick={() => onChangeStatus()}
+          >
+            Edit
+          </Button>
+        }
+      />
+
+      {/* HAPUS */}
+      <UIGlobal_Modal
+        title={"Anda yakin ingin menghapus donasi ini ?"}
+        opened={openModalDelete}
+        close={() => setOpenModalDelete(false)}
+        buttonKiri={
+          <Button radius={"xl"} onClick={() => setOpenModalDelete(false)}>
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            loaderPosition="center"
+            loading={isLoadingDelete}
+            radius={"xl"}
+            color="red"
+            onClick={() => onDelete()}
+          >
            Hapus
          </Button>
        }
--- a/src/app_modules/donasi/detail/detail_review/index.tsx
+++ b/src/app_modules/donasi/detail/detail_review/index.tsx
@@ -14,6 +14,7 @@ import { gs_donasi_tabs_posting } from "../../global_state";
 import { MODEL_DONASI } from "../../model/interface";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
 import mqtt_client from "@/util/mqtt_client";
+import { UIGlobal_Modal } from "@/app_modules/_global/ui";

 export default function DetailReviewDonasi({
  dataDonasi,
@@ -24,7 +25,7 @@ export default function DetailReviewDonasi({

  return (
    <>
-      <Stack spacing={"xl"} py={"md"}>
+      <Stack spacing={"xl"} pb={"md"}>
        <ComponentDonasi_DetailDataGalangDana donasi={donasi} />
        <ComponentDonasi_CeritaPenggalangMain donasi={donasi} />
        <ButtonBatalReview donasi={donasi} />
@@ -35,11 +36,9 @@ export default function DetailReviewDonasi({
 function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
  const router = useRouter();
  const [isLoading, setLoading] = useState(false);
-  const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
-    gs_donasi_tabs_posting
-  );
+  const [openModal, setOpenModal] = useState(false);

-  async function onCLick() {
+  async function onChangeStatus() {
    const res = await Donasi_funGantiStatus(donasi.id, "3");
    if (res.status === 200) {
      const dataNotif = {
@@ -50,7 +49,7 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
        kategoriApp: "DONASI",
        title: "Membatalkan review",
      };
-      
+
      const notif = await notifikasiToAdmin_funCreate({
        data: dataNotif as any,
      });
@@ -58,10 +57,9 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
      if (notif.status === 201) {
        mqtt_client.publish("ADMIN", JSON.stringify({ count: 1 }));

-        setTabsPostingDonasi("Draft");
        ComponentGlobal_NotifikasiBerhasil("Berhasil Dibatalkan");
        setLoading(true);
-        router.push(RouterDonasi.main_galang_dana);
+        router.push(RouterDonasi.status_galang_dana({ id: "3" }));
      }
    } else {
      ComponentGlobal_NotifikasiPeringatan(res.message);
@@ -70,18 +68,41 @@ function ButtonBatalReview({ donasi }: { donasi: MODEL_DONASI }) {
  return (
    <>
      <Button
+        mt={"lg"}
        style={{
          transition: "0.5s",
        }}
-        loaderPosition="center"
-        loading={isLoading ? true : false}
        radius={"xl"}
        bg={"orange"}
        color="orange"
-        onClick={() => onCLick()}
+        onClick={() => setOpenModal(true)}
      >
        Batalkan Review
      </Button>
+
+      <UIGlobal_Modal
+        title={"Anda yakin ingin batalkan review ?"}
+        opened={openModal}
+        close={() => setOpenModal(false)}
+        buttonKiri={
+          <Button radius={"xl"} onClick={() => setOpenModal(false)}>
+            Batal
+          </Button>
+        }
+        buttonKanan={
+          <Button
+            loaderPosition="center"
+            loading={isLoading ? true : false}
+            radius={"xl"}
+            color="orange"
+            onClick={() => {
+              onChangeStatus();
+            }}
+          >
+            Simpan
+          </Button>
+        }
+      />
    </>
  );
 }