Fix: Donasi

Deskripsi: - Fix notitikasi user to admin - Fix notifikasi admin to user
2024-11-28 11:31:15 +08:00
parent 038c40a6fb
commit 2335807b42
22 changed files with 539 additions and 216 deletions
--- a/src/app_modules/admin/donasi/detail/detail_review.tsx
+++ b/src/app_modules/admin/donasi/detail/detail_review.tsx
@@ -1,19 +1,14 @@
 "use client";

+import { IRealtimeData } from "@/app/lib/global_state";
 import ComponentGlobal_InputCountDown from "@/app_modules/_global/component/input_countdown";
 import { MODEL_DONASI } from "@/app_modules/donasi/model/interface";
-import mqtt_client from "@/util/mqtt_client";
-import {
-  Button,
-  Group,
-  Modal,
-  SimpleGrid,
-  Stack,
-  Textarea,
-} from "@mantine/core";
+import { Button, Group, SimpleGrid, Stack } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { WibuRealtime } from "wibu-pkg";
+import { Admin_ComponentModalReport } from "../../_admin_global/_component";
 import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
 import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
 import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan";
@@ -24,7 +19,8 @@ import ComponentAdminDonasi_TampilanDetailDonasi from "../component/tampilan_det
 import { AdminDonasi_getOneById } from "../fun/get/get_one_by_id";
 import { AdminDonasi_funUpdateStatusPublish } from "../fun/update/fun_status_publish";
 import { AdminDonasi_funUpdateStatusReject } from "../fun/update/fun_status_reject";
-import { Admin_ComponentModalReport } from "../../_admin_global/_component";
+import { donasi_checkStatus } from "@/app_modules/donasi/fun";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global";

 export default function AdminDonasi_DetailReview({
  dataReview,
@@ -70,35 +66,51 @@ function ButtonOnHeader({
  const [catatan, setCatatan] = useState("");

  async function onPulish() {
-    const res = await AdminDonasi_funUpdateStatusPublish(donasi.id, "1");
-    if (res.status === 200) {
-      const dataNotif = {
-        appId: res.data?.id,
-        status: res.data?.DonasiMaster_Status?.name as any,
-        userId: res.data?.authorId as any,
-        pesan: res.data?.title as any,
-        kategoriApp: "DONASI",
-        title: "Donasi publish",
-      };
+    const checkStatus = await donasi_checkStatus({ id: donasi.id });

-      const notif = await adminNotifikasi_funCreateToUser({
-        data: dataNotif as any,
-      });
+    if (checkStatus) {
+      const res = await AdminDonasi_funUpdateStatusPublish(donasi.id, "1");
+      if (res.status === 200) {
+        const dataNotifikasi: IRealtimeData = {
+          appId: res.data?.id as string,
+          status: res.data?.DonasiMaster_Status?.name as any,
+          userId: res.data?.authorId as any,
+          pesan: res.data?.title as any,
+          kategoriApp: "DONASI",
+          title: "Donasi publish",
+        };

-      if (notif.status === 201) {
-        mqtt_client.publish(
-          "USER",
-          JSON.stringify({ userId: res?.data?.authorId, count: 1 })
+        const notif = await adminNotifikasi_funCreateToUser({
+          data: dataNotifikasi as any,
+        });
+
+        if (notif.status === 201) {
+          WibuRealtime.setData({
+            type: "notification",
+            pushNotificationTo: "USER",
+            dataMessage: dataNotifikasi,
+          });
+
+          WibuRealtime.setData({
+            type: "trigger",
+            pushNotificationTo: "USER",
+            dataMessage: dataNotifikasi,
+          });
+
+          const newData = await AdminDonasi_getOneById(donasi?.id);
+          setData(newData);
+          ComponentAdminGlobal_NotifikasiBerhasil(
+            "Berhasil Mengubah Status Donasi"
+          );
+          setLoadingPublish(true);
+        }
+      } else {
+        ComponentAdminGlobal_NotifikasiPeringatan(
+          "Gagal Mengubah Status Donasi"
        );
-        const newData = await AdminDonasi_getOneById(donasi?.id);
-        setData(newData);
-        ComponentAdminGlobal_NotifikasiBerhasil(
-          "Berhasil Mengubah Status Donasi"
-        );
-        setLoadingPublish(true);
      }
    } else {
-      ComponentAdminGlobal_NotifikasiPeringatan("Gagal Mengubah Status Donasi");
+      ComponentGlobal_NotifikasiPeringatan("Status donasi telah diubah user");
    }
  }

@@ -108,39 +120,46 @@ function ButtonOnHeader({
        "Lengkapi Alasan Penolakan"
      );

-    const res = await AdminDonasi_funUpdateStatusReject(
-      donasi.id,
-      "4",
-      catatan
-    );
-    if (res.status === 200) {
-      const dataNotif = {
-        appId: res.data?.id,
-        status: res.data?.DonasiMaster_Status?.name as any,
-        userId: res.data?.authorId as any,
-        pesan: res.data?.title as any,
-        kategoriApp: "DONASI",
-        title: "Donasi anda di tolak !",
-      };
+    const checkStatus = await donasi_checkStatus({ id: donasi.id });

-      const notif = await adminNotifikasi_funCreateToUser({
-        data: dataNotif as any,
-      });
+    if (checkStatus) {
+      const res = await AdminDonasi_funUpdateStatusReject(
+        donasi.id,
+        "4",
+        catatan
+      );
+      if (res.status === 200) {
+        const dataNotifikasi: IRealtimeData = {
+          appId: res.data?.id as string,
+          status: res.data?.DonasiMaster_Status?.name as any,
+          userId: res.data?.authorId as any,
+          pesan: res.data?.title as any,
+          kategoriApp: "DONASI",
+          title: "Donasi anda di tolak !",
+        };

-      if (notif.status === 201) {
-        mqtt_client.publish(
-          "USER",
-          JSON.stringify({ userId: res?.data?.authorId, count: 1 })
-        );
+        const notif = await adminNotifikasi_funCreateToUser({
+          data: dataNotifikasi as any,
+        });
+
+        if (notif.status === 201) {
+          WibuRealtime.setData({
+            type: "notification",
+            pushNotificationTo: "USER",
+            dataMessage: dataNotifikasi,
+          });
+
+          const newData = await AdminDonasi_getOneById(donasi?.id);
+          setData(newData);
+          close();
+          ComponentAdminGlobal_NotifikasiBerhasil(res.message);
+          setLoadingReject(true);
+        }
+      } else {
+        ComponentAdminGlobal_NotifikasiGagal(res.message);
      }
-
-      const newData = await AdminDonasi_getOneById(donasi?.id);
-      setData(newData);
-      close();
-      ComponentAdminGlobal_NotifikasiBerhasil(res.message);
-      setLoadingReject(true);
    } else {
-      ComponentAdminGlobal_NotifikasiGagal(res.message);
+      ComponentGlobal_NotifikasiPeringatan("Status donasi telah diubah user");
    }
  }

--- a/src/app_modules/admin/donasi/sub_menu/table_review.tsx
+++ b/src/app_modules/admin/donasi/sub_menu/table_review.tsx
@@ -1,26 +1,31 @@
 "use client";

+import { gs_adminDonasi_triggerReview } from "@/app/lib/global_state";
 import { RouterAdminDonasi_OLD } from "@/app/lib/router_hipmi/router_admin";
-import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
+import { AccentColor } from "@/app_modules/_global/color";
+import { ComponentGlobal_TampilanRupiah } from "@/app_modules/_global/component";
 import { MODEL_DONASI } from "@/app_modules/donasi/model/interface";
 import {
+  Affix,
  Button,
  Center,
  Group,
  Pagination,
  Paper,
+  rem,
  ScrollArea,
  Stack,
  Table,
  TextInput,
  Title,
 } from "@mantine/core";
-import { IconEyeCheck, IconSearch } from "@tabler/icons-react";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconEyeCheck, IconRefresh, IconSearch } from "@tabler/icons-react";
+import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import adminDonasi_getListReview from "../fun/get/get_list_review";
-import { ComponentGlobal_TampilanRupiah } from "@/app_modules/_global/component";

 export default function AdminDonasi_TableReview({
  listReview,
@@ -46,6 +51,29 @@ function TableStatus({ listReview }: { listReview: any }) {
  const [isActivePage, setActivePage] = useState(1);
  const [isSearch, setSearch] = useState("");

+  // Realtime
+  const [isAdminDonasi_TriggerReview, setIsAdminDonasi_TriggerReview] = useAtom(
+    gs_adminDonasi_triggerReview
+  );
+  const [isShowReload, setIsShowReload] = useState(false);
+  const [isLoadingReload, setLoadingReload] = useState(false);
+
+  useShallowEffect(() => {
+    if (isAdminDonasi_TriggerReview) {
+      setIsShowReload(true);
+    }
+  }, [isAdminDonasi_TriggerReview, setIsShowReload]);
+
+  async function onLoadData() {
+    const loadData = await adminDonasi_getListReview({ page: 1 });
+
+    setData(loadData.data as any);
+    setNPage(loadData.nPage);
+    setLoadingReload(false);
+    setIsShowReload(false);
+    setIsAdminDonasi_TriggerReview(false);
+  }
+
  async function onSearch(s: string) {
    setSearch(s);
    const loadData = await adminDonasi_getListReview({
@@ -129,6 +157,27 @@ function TableStatus({ listReview }: { listReview: any }) {
        </Group>

        <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+          {isShowReload && (
+            <Affix position={{ top: rem(200) }} w={"100%"}>
+              <Center>
+                <Button
+                  style={{
+                    transition: "0.5s",
+                    border: `1px solid ${AccentColor.skyblue}`,
+                  }}
+                  bg={AccentColor.blue}
+                  loaderPosition="center"
+                  loading={isLoadingReload}
+                  radius={"xl"}
+                  opacity={0.8}
+                  onClick={() => onLoadData()}
+                  leftIcon={<IconRefresh />}
+                >
+                  Update Data
+                </Button>
+              </Center>
+            </Affix>
+          )}
          <ScrollArea w={"100%"} h={"90%"}>
            <Table
              verticalSpacing={"md"}
--- a/src/app_modules/admin/new_layout.tsx
+++ b/src/app_modules/admin/new_layout.tsx
@@ -196,8 +196,7 @@ export function Admin_NewLayout({
            setActiveChildId(val.childId);
          }}
          onToggleNavbar={(val: any) => {
-            // console.log(val, "toggle navbar");
-            // setDrawerNotifikasi(val);
+            setDrawerNotifikasi(val);
          }}
          onLoadCountNotif={(val: any) => {
            setCountNtf(val);
--- a/src/app_modules/admin/notifikasi/fun/get/fun_donasi_check_status.ts
+++ b/src/app_modules/admin/notifikasi/fun/get/fun_donasi_check_status.ts
@@ -0,0 +1,23 @@
+"use server";
+
+import { prisma } from "@/app/lib";
+import _ from "lodash";
+
+export async function admin_funDonasiCheckStatus({ id }: { id: string }) {
+  const data = await prisma.donasi.findUnique({
+    where: {
+      id: id,
+    },
+    select: {
+      DonasiMaster_Status: true,
+    },
+  });
+
+  if (!data)
+    return { status: 400, message: "Id tidak ditemukan", statusName: "" };
+  return {
+    status: 200,
+    message: "Id ditemukan",
+    statusName: _.lowerCase(data.DonasiMaster_Status?.name),
+  };
+}
--- a/src/app_modules/admin/notifikasi/route_setting/donasi.ts
+++ b/src/app_modules/admin/notifikasi/route_setting/donasi.ts
@@ -1,50 +1,85 @@
 import { RouterAdminDonasi } from "@/app/lib/router_admin/router_admin_donasi";
 import { RouterAdminDonasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { MODEL_NOTIFIKASI } from "@/app_modules/notifikasi/model/interface";
+import { data } from "autoprefixer";
 import _ from "lodash";
 import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
+import { IAdmin_ActivePage, IAdmin_ActiveChildId } from "./type_of_select_page";
+import { admin_funDonasiCheckStatus } from "../fun/get/fun_donasi_check_status";
+import adminNotifikasi_funUpdateIsReadById from "../fun/update/fun_update_is_read_by_id";
+import adminNotifikasi_countNotifikasi from "../fun/count/count_is_read";
+import adminNotifikasi_getByUserId from "../fun/get/get_notifikasi_by_user_id";
+import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan";

 export default async function adminNotifikasi_findRouterDonasi({
-  data,
+  appId,
+  notifikasiId,
  router,
+  onLoadCountNotif,
+  onLoadDataNotifikasi,
  onChangeNavbar,
-  onToggleNavbar,
 }: {
-  data: MODEL_NOTIFIKASI;
+  appId: string;
+  notifikasiId: string;
  router: AppRouterInstance;
-  onChangeNavbar: (val: any) => void;
-  onToggleNavbar: (val: any) => void;
+  onLoadCountNotif: (val: any) => void;
+  onLoadDataNotifikasi: (val: any) => void;
+  onChangeNavbar: (val: {
+    id: IAdmin_ActivePage;
+    childId: IAdmin_ActiveChildId;
+  }) => void;
 }) {
-  if (data.status === "Review") {
-    const path = RouterAdminDonasi.table_review;
-    router.push(path);
-    onChangeNavbar({
-      id: 3,
-      childId: 33,
+  const check = await admin_funDonasiCheckStatus({ id: appId });
+
+  if (check.status == 200) {
+    const udpateReadNotifikasi = await adminNotifikasi_funUpdateIsReadById({
+      notifId: notifikasiId,
    });
+
+    if (udpateReadNotifikasi.status == 200) {
+      const loadCountNotif = await adminNotifikasi_countNotifikasi();
+      onLoadCountNotif(loadCountNotif);
+
+      const loadListNotifikasi = await adminNotifikasi_getByUserId({
+        page: 1,
+      });
+      onLoadDataNotifikasi(loadListNotifikasi);
+
+      const path = `/dev/admin/donasi/sub-menu/${check.statusName}`;
+
+      if (check.statusName == "draft") {
+        ComponentAdminGlobal_NotifikasiPeringatan(
+          "Status telah dirubah oleh user"
+        );
+      } else {
+        if (check.statusName == "publish") {
+          onChangeNavbar({
+            id: "Donasi",
+            childId: "Donasi_2",
+          });
+        }
+
+        if (check.statusName == "review") {
+          onChangeNavbar({
+            id: "Donasi",
+            childId: "Donasi_3",
+          });
+        }
+
+        if (check.statusName == "reject") {
+          onChangeNavbar({
+            id: "Donasi",
+            childId: "Donasi_4",
+          });
+        }
+
+        router.push(path, { scroll: false });
+      }
+
+      return true;
+    } else {
+      ComponentAdminGlobal_NotifikasiPeringatan("Status tidak ditemukan");
+      return false;
+    }
  }
-
-  if (
-    data.status === "Menunggu" ||
-    data.status === "Berhasil" ||
-    data.status === "Proses" ||
-    data.status === "Gagal"
-  ) {
-    const path = RouterAdminDonasi_OLD.detail_publish + data.appId;
-    router.push(path, { scroll: false });
-    onChangeNavbar({
-      id: 3,
-      childId: 32,
-    });
-  }
-
-  //   if (data.status === "Draft") {
-  //     router.push(routeName + "review");
-  //     onChangeNavbar({
-  //       id: 6,
-  //       childId: 63,
-  //     });
-  //   }
-
-  onToggleNavbar(true);
 }
--- a/src/app_modules/admin/notifikasi/view_card_drawer.tsx
+++ b/src/app_modules/admin/notifikasi/view_card_drawer.tsx
@@ -1,4 +1,5 @@
 import {
+  gs_adminDonasi_triggerReview,
  gs_adminEvent_triggerReview,
  gs_adminJob_triggerReview,
  gs_adminVoting_triggerReview,
@@ -21,6 +22,7 @@ import {
  IAdmin_ActivePage,
 } from "./route_setting/type_of_select_page";
 import { adminNotifikasi_findRouterVoting } from "./route_setting/voting";
+import adminNotifikasi_findRouterDonasi from "./route_setting/donasi";

 export default function AdminNotifikasi_ViewCardDrawer({
  data,
@@ -54,6 +56,9 @@ export default function AdminNotifikasi_ViewCardDrawer({
  const [isAdminVoting_TriggerReview, setIsAdminVoting_TriggerReview] = useAtom(
    gs_adminVoting_triggerReview
  );
+  const [isAdminDonasi_TriggerReview, setIsAdminDonasi_TriggerReview] = useAtom(
+    gs_adminDonasi_triggerReview
+  );

  async function onRead() {
    // ========================== JOB ========================== //
@@ -84,6 +89,7 @@ export default function AdminNotifikasi_ViewCardDrawer({
        setIsAdminJob_TriggerReview(false);
        setVisible(false);
        setDataId("");
+        onToggleNavbar(false);
      }
    }
    // ========================== JOB ========================== //
@@ -117,6 +123,7 @@ export default function AdminNotifikasi_ViewCardDrawer({
        setIsAdminEvent_TriggerReview(false);
        setVisible(false);
        setDataId("");
+        onToggleNavbar(false);
      }
    }
    // ========================== EVENT ========================== //
@@ -150,10 +157,42 @@ export default function AdminNotifikasi_ViewCardDrawer({
        setIsAdminVoting_TriggerReview(false);
        setVisible(false);
        setDataId("");
+        onToggleNavbar(false);
      }
    }
    // ========================== VOTING ========================== //

+    // ========================== DONASI ========================== //
+
+    if (data.kategoriApp == "DONASI") {
+      const checkDonasi = await adminNotifikasi_findRouterDonasi({
+        appId: data.appId,
+        notifikasiId: data.id,
+        router: router,
+        onLoadCountNotif(val) {
+          onLoadCountNotif(val);
+        },
+        onLoadDataNotifikasi(val) {
+          onLoadDataNotifikasi(val);
+        },
+        onChangeNavbar(val) {
+          onChangeNavbar({
+            id: val.id,
+            childId: val.childId,
+          });
+        },
+      });
+
+      if (checkDonasi) {
+        setIsAdminDonasi_TriggerReview(false);
+        setVisible(false);
+        setDataId("");
+        onToggleNavbar(false);
+      }
+    }
+
+    // ========================== DONASI ========================== //
+
    // // FORUM
    // e?.kategoriApp === "FORUM" &&
    //   adminNotifikasi_findRouterForum({