fix forum

deskripsi:
- fix create report posting

src/app_modules/forum/report/posting/index.tsx

@@ -11,23 +11,43 @@ import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/cre
 import mqtt_client from "@/util/mqtt_client";
 import { Button, Radio, Stack, Text, Title } from "@mantine/core";
 import { toNumber } from "lodash";
-import { useRouter } from "next/navigation";
+import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import { forum_funCreateReportPosting } from "../../fun/create/fun_create_report_posting";
 import forum_getOneKategoriById from "../../fun/get/get_one_kategori_by_id";
 import { MODEL_FORUM_MASTER_REPORT } from "../../model/interface";
+import { useShallowEffect } from "@mantine/hooks";
+import { apiGetMasterReportForum } from "../../component/api_fetch_forum";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
 export default function Forum_ReportPosting({
-  postingId,
-  listReport,
   userLoginId,
 }: {
-  postingId: string;
-  listReport: MODEL_FORUM_MASTER_REPORT[];
   userLoginId: string;
 }) {
+  const param = useParams<{ id: string }>();
+  const postingId = param.id;
+  const [listReport, setListReport] = useState<MODEL_FORUM_MASTER_REPORT[]>();
   const [reportValue, setReportValue] = useState("1");
 
+  useShallowEffect(() => {
+    handleLoadMasterReport();
+  }, []);
+
+  const handleLoadMasterReport = async () => {
+    try {
+      const response = await apiGetMasterReportForum();
+      if (response.success) {
+        setListReport(response.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get master report", error);
+    }
+  };
+
+  if (!listReport) return <CustomSkeleton height={50} width={"100%"} />;
+
   return (
     <>
       <Stack
@@ -86,38 +106,45 @@ function ButtonAction({
   const [isLoadingLain, setIsLoadingLain] = useState(false);
 
   async function onReport() {
-    const report = await forum_funCreateReportPosting({
-      postingId: postingId,
-      kategoriId: kategoriId,
-    });
-    if (report.status === 201) {
-      const getKategori = await forum_getOneKategoriById({
-        kategoriId: toNumber(kategoriId),
-      });
-      // console.log(getKategori);
-
-      ComponentGlobal_NotifikasiBerhasil(report.message, 2000);
-      router.back();
-
-      const dataNotif = {
-        appId: postingId,
-        pesan: getKategori?.deskripsi,
-        kategoriApp: "FORUM",
-        title: getKategori?.title,
-        userId: userLoginId,
-        status: "Report Posting",
-      };
-
-      const createNotifikasi = await notifikasiToAdmin_funCreate({
-        data: dataNotif as any,
-      });
-
-      if (createNotifikasi.status === 201) {
-        mqtt_client.publish("ADMIN", JSON.stringify({ count: 1 }));
-      }
+    try {
       setIsLoading(true);
-    } else {
-      ComponentGlobal_NotifikasiGagal(report.message);
+
+      const report = await forum_funCreateReportPosting({
+        postingId: postingId,
+        kategoriId: kategoriId,
+      });
+      if (report.status === 201) {
+        const getKategori = await forum_getOneKategoriById({
+          kategoriId: toNumber(kategoriId),
+        });
+        // console.log(getKategori);
+
+        ComponentGlobal_NotifikasiBerhasil(report.message, 2000);
+        router.back();
+
+        const dataNotif = {
+          appId: postingId,
+          pesan: getKategori?.deskripsi,
+          kategoriApp: "FORUM",
+          title: getKategori?.title,
+          userId: userLoginId,
+          status: "Report Posting",
+        };
+
+        const createNotifikasi = await notifikasiToAdmin_funCreate({
+          data: dataNotif as any,
+        });
+
+        if (createNotifikasi.status === 201) {
+          mqtt_client.publish("ADMIN", JSON.stringify({ count: 1 }));
+        }
+      } else {
+        setIsLoading(false);
+        ComponentGlobal_NotifikasiGagal(report.message);
+      }
+    } catch (error) {
+      clientLogger.error("Error Report Posting", error);
+      setIsLoading(false);
     }
   }
   return (

src/app_modules/forum/report/posting/lainnya.tsx

@@ -2,7 +2,7 @@
 
 import { RouterForum } from "@/lib/router_hipmi/router_forum";
 import { Button, Group, Stack, Textarea } from "@mantine/core";
-import { useRouter } from "next/navigation";
+import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import { forum_funCreateReportPosting } from "../../fun/create/fun_create_report_posting";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
@@ -10,15 +10,17 @@ import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_glo
 import { forum_funCreateReportPostingLainnya } from "../../fun/create/fun_create_report_posting_lainnya";
 import mqtt_client from "@/util/mqtt_client";
 import notifikasiToAdmin_funCreate from "@/app_modules/notifikasi/fun/create/create_notif_to_admin";
+import { clientLogger } from "@/util/clientLogger";
 
 export default function Forum_ReportPostingLainnya({
-  postingId,
   userLoginId,
 }: {
-  postingId: string;
   userLoginId: string;
 }) {
+  const param = useParams<{ id: string }>();
+  const postingId = param.id;
   const [deskripsi, setDeskripsi] = useState("");
+
   return (
     <>
       <Stack>
@@ -50,50 +52,64 @@ function ButtonAction({
   userLoginId: string;
 }) {
   const router = useRouter();
+  const [isLoading, setIsLoading] = useState(false);
 
   async function onReport() {
-    const report = await forum_funCreateReportPostingLainnya(
-      postingId,
-      deskripsi
-    );
-    if (report.status === 201) {
-      ComponentGlobal_NotifikasiBerhasil(report.message);
-      router.back();
+    try {
+      setIsLoading(true);
+      const report = await forum_funCreateReportPostingLainnya(
+        postingId,
+        deskripsi
+      );
+      if (report.status === 201) {
+        ComponentGlobal_NotifikasiBerhasil(report.message);
+        router.back();
 
-      const dataNotif = {
-        appId: postingId,
-        pesan: deskripsi,
-        kategoriApp: "FORUM",
-        title: "Lainnya",
-        userId: userLoginId,
-        status: "Report Posting",
-      };
+        const dataNotif = {
+          appId: postingId,
+          pesan: deskripsi,
+          kategoriApp: "FORUM",
+          title: "Lainnya",
+          userId: userLoginId,
+          status: "Report Posting",
+        };
 
-      const createNotifikasi = await notifikasiToAdmin_funCreate({
-        data: dataNotif as any,
-      });
+        const createNotifikasi = await notifikasiToAdmin_funCreate({
+          data: dataNotif as any,
+        });
 
-      if (createNotifikasi.status === 201) {
-        mqtt_client.publish("ADMIN", JSON.stringify({ count: 1 }));
+        if (createNotifikasi.status === 201) {
+          mqtt_client.publish("ADMIN", JSON.stringify({ count: 1 }));
+        }
+      } else {
+        setIsLoading(false);
+        ComponentGlobal_NotifikasiGagal(report.message);
       }
-    } else {
-      ComponentGlobal_NotifikasiGagal(report.message);
+    } catch (error) {
+      setIsLoading(false);
+      clientLogger.error("Error create report posting", error);
     }
   }
   return (
     <>
       <Group position="apart" grow>
         <Button
+          style={{
+            transition: "0.5s",
+          }}
+          disabled={isLoading}
           radius={"xl"}
           onClick={() => router.replace(RouterForum.report_posting + postingId)}
         >
           Batal
         </Button>
         <Button
+          loading={isLoading}
+          loaderPosition="center"
           style={{
             transition: "0.5s",
           }}
-          disabled={deskripsi === "" ? true : false}
+          disabled={deskripsi === ""}
           radius={"xl"}
           color="orange"
           onClick={() => onReport()}

src/app_modules/forum/report/posting/layout.tsx

@@ -13,7 +13,7 @@ export default function LayoutForum_ReportPosting({
     <>
       <UIGlobal_LayoutTamplate
         header={
-          <UIGlobal_LayoutHeaderTamplate title="Mengumpulkan Informasi Posting" />
+          <UIGlobal_LayoutHeaderTamplate title="Informasi Report Posting" />
         }
       >
         {children}