Fix investasi

Deksripsi:
- Fix notifikasi

src/app_modules/admin/investasi/detail/detail_review.tsx

@@ -1,18 +1,14 @@
 "use client";
 
+import { IRealtimeData } from "@/app/lib/global_state";
 import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
 import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
-import mqtt_client from "@/util/mqtt_client";
-import {
-  Button,
-  Group,
-  SimpleGrid,
-  Stack
-} from "@mantine/core";
+import { Button, Group, SimpleGrid, Stack } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import _ from "lodash";
 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";
@@ -60,24 +56,25 @@ export default function AdminInvestasi_DetailReview({
     if (res.status === 200) {
       setIsLoadingReject(true);
 
-      const dataNotif = {
-        appId: res.data?.id,
-        userId: res.data?.authorId,
-        pesan: res.data?.title,
-        status: res.data?.MasterStatusInvestasi?.name,
+      const dataNotifikasi: IRealtimeData = {
+        appId: res.data?.id as string,
+        userId: res.data?.authorId as string,
+        pesan: res.data?.title as string,
+        status: res.data?.MasterStatusInvestasi?.name as any,
         kategoriApp: "INVESTASI",
         title: "Investasi anda di tolak !",
       };
 
       const notif = await adminNotifikasi_funCreateToUser({
-        data: dataNotif as any,
+        data: dataNotifikasi as any,
       });
 
       if (notif.status === 201) {
-        mqtt_client.publish(
-          "USER",
-          JSON.stringify({ userId: res?.data?.authorId, count: 1 })
-        );
+        WibuRealtime.setData({
+          type: "notification",
+          pushNotificationTo: "USER",
+          dataMessage: dataNotifikasi,
+        });
       }
 
       const loadData = await getOneInvestasiById(data.id);
@@ -100,8 +97,8 @@ export default function AdminInvestasi_DetailReview({
       progesInvestasiId: "1",
     });
     if (res.status === 200) {
-      const dataNotif = {
-        appId: res.data?.id,
+      const dataNotifikasi: IRealtimeData = {
+        appId: res.data?.id as string,
         userId: res.data?.authorId as any,
         pesan: res.data?.title as any,
         status: res.data?.MasterStatusInvestasi?.name as any,
@@ -110,19 +107,21 @@ export default function AdminInvestasi_DetailReview({
       };
 
       const notif = await adminNotifikasi_funCreateToUser({
-        data: dataNotif as any,
+        data: dataNotifikasi as any,
       });
 
       if (notif.status === 201) {
-        mqtt_client.publish(
-          "USER",
-          JSON.stringify({ userId: res?.data?.authorId, count: 1 })
-        );
+        WibuRealtime.setData({
+          type: "notification",
+          pushNotificationTo: "USER",
+          dataMessage: dataNotifikasi,
+        });
 
-        mqtt_client.publish(
-          "Beranda_Investasi",
-          JSON.stringify({ update: true })
-        );
+        WibuRealtime.setData({
+          type: "trigger",
+          pushNotificationTo: "USER",
+          dataMessage: dataNotifikasi,
+        });
 
         const loadData = await getOneInvestasiById(data.id);
         setData(loadData as any);
@@ -216,8 +215,6 @@ export default function AdminInvestasi_DetailReview({
           </Button>
         }
       />
-
-  
     </>
   );
 }

src/app_modules/admin/investasi/main/table_review.tsx

@@ -1,33 +1,33 @@
 "use client";
-import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";
+import { gs_adminInvestasi_triggerReview } from "@/app/lib/global_state";
 import { RouterAdminInvestasi_OLD } from "@/app/lib/router_hipmi/router_admin";
+import { AccentColor } from "@/app_modules/_global/color";
 import { MODEL_INVESTASI } from "@/app_modules/investasi/_lib/interface";
 import {
-  Badge,
-  ActionIcon,
-  Box,
-  ScrollArea,
-  Table,
-  Tooltip,
-  Stack,
-  Group,
-  Avatar,
-  Text,
-  Center,
+  Affix,
   Button,
+  Center,
+  Group,
   Pagination,
   Paper,
+  rem,
+  ScrollArea,
+  Stack,
+  Table,
+  Text,
   TextInput,
   Title,
 } from "@mantine/core";
-import { IconChevronLeft, IconEdit, IconSearch } from "@tabler/icons-react";
+import { useShallowEffect } from "@mantine/hooks";
+import { IconRefresh, IconSearch } from "@tabler/icons-react";
+import { useAtom } from "jotai";
+import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
-import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
-import _ from "lodash";
 import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
+import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
 
 export default function Admin_TableReviewInvestasi({
   dataInvestsi,
@@ -53,6 +53,33 @@ function TableView({ listData }: { listData: any }) {
   const [isLoading, setLoading] = useState(false);
   const [idData, setIdData] = useState("");
 
+  // Realtime
+  const [isAdminInvestasi_TriggerReview, setIsAdminInvestasi_TriggerReview] =
+    useAtom(gs_adminInvestasi_triggerReview);
+  const [isShowReload, setIsShowReload] = useState(false);
+  const [isLoadingReload, setLoadingReload] = useState(false);
+
+  useShallowEffect(() => {
+    if (isAdminInvestasi_TriggerReview) {
+      setIsShowReload(false);
+    }
+  }, [isAdminInvestasi_TriggerReview]);
+
+  useShallowEffect(() => {
+    if (isAdminInvestasi_TriggerReview) {
+      setIsShowReload(true);
+    }
+  }, [isAdminInvestasi_TriggerReview]);
+
+  async function onLoadData() {
+    const loadData = await adminInvestasi_funGetAllReview({ page: 1 });
+    setData(loadData.data as any);
+    setNPage(loadData.nPage);
+    setLoadingReload(false);
+    setIsShowReload(false);
+    setIsAdminInvestasi_TriggerReview(false);
+  }
+
   async function onSearch(s: string) {
     setSearch(s);
     setActivePage(1);
@@ -151,6 +178,30 @@ function TableView({ listData }: { listData: any }) {
           <ComponentAdminGlobal_IsEmptyData />
         ) : (
           <Paper p={"md"} withBorder shadow="lg" h={"80vh"}>
+            {isShowReload && (
+              <Paper bg={"red"} w={"50%"}>
+                <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>
+              </Paper>
+            )}
+
             <ScrollArea w={"100%"} h={"90%"} offsetScrollbars>
               <Table
                 verticalSpacing={"md"}