From 0de70b038429a63be25b669ef6d8732e2312fd9d Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Wed, 4 Jun 2025 10:48:12 +0800
Subject: [PATCH] fix: forum deskripsi: - fix penggunaan use server menjadi API

---
 src/app/api/forum/[id]/komentar/route.ts      |  2 +
 .../api/forum/[id]/report-komentar/route.ts   |  2 +
 .../api/forum/[id]/report-posting/route.ts    |  2 +
 src/app/api/forum/[id]/route.ts               |  2 +
 .../sub_detail/hasil_report_komentar.tsx      | 25 ++++---
 .../forum/sub_detail/hasil_report_posting.tsx | 67 ++++++++++---------
 .../detail_component/ui_report_komentar.tsx   | 21 ++++--
 .../forum/detail/detail_report_komentar.tsx   |  5 +-
 8 files changed, 77 insertions(+), 49 deletions(-)

diff --git a/src/app/api/forum/[id]/komentar/route.ts b/src/app/api/forum/[id]/komentar/route.ts
index f85a7887..d1cf896c 100644
--- a/src/app/api/forum/[id]/komentar/route.ts
+++ b/src/app/api/forum/[id]/komentar/route.ts
@@ -2,6 +2,8 @@ import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 import prisma from "@/lib/prisma";
 
+export const dynamic = "force-dynamic";
+
 export { GET };
 
 async function GET(request: Request, { params }: { params: { id: string } }) {
diff --git a/src/app/api/forum/[id]/report-komentar/route.ts b/src/app/api/forum/[id]/report-komentar/route.ts
index bd4a4367..1407a037 100644
--- a/src/app/api/forum/[id]/report-komentar/route.ts
+++ b/src/app/api/forum/[id]/report-komentar/route.ts
@@ -2,6 +2,8 @@ import prisma from "@/lib/prisma";
 import _ from "lodash";
 import { NextResponse } from "next/server";
 
+export const dynamic = "force-dynamic";
+
 export async function GET(
   request: Request,
   { params }: { params: { id: string } }
diff --git a/src/app/api/forum/[id]/report-posting/route.ts b/src/app/api/forum/[id]/report-posting/route.ts
index 243639cf..4a69e48e 100644
--- a/src/app/api/forum/[id]/report-posting/route.ts
+++ b/src/app/api/forum/[id]/report-posting/route.ts
@@ -2,6 +2,8 @@ import _ from "lodash";
 import { NextResponse } from "next/server";
 import prisma from "@/lib/prisma";
 
+export const dynamic = "force-dynamic";
+
 export async function GET(
   request: Request,
   { params }: { params: { id: string } }
diff --git a/src/app/api/forum/[id]/route.ts b/src/app/api/forum/[id]/route.ts
index 16e0d5d8..935c8b88 100644
--- a/src/app/api/forum/[id]/route.ts
+++ b/src/app/api/forum/[id]/route.ts
@@ -2,6 +2,8 @@ import backendLogger from "@/util/backendLogger";
 import { NextResponse } from "next/server";
 import prisma from "@/lib/prisma";
 
+export const dynamic = "force-dynamic";
+
 export { GET };
 
 async function GET(request: Request, { params }: { params: { id: string } }) {
diff --git a/src/app_modules/admin/forum/sub_detail/hasil_report_komentar.tsx b/src/app_modules/admin/forum/sub_detail/hasil_report_komentar.tsx
index 4411b134..6121954c 100644
--- a/src/app_modules/admin/forum/sub_detail/hasil_report_komentar.tsx
+++ b/src/app_modules/admin/forum/sub_detail/hasil_report_komentar.tsx
@@ -68,7 +68,7 @@ export default function AdminForum_HasilReportKomentar({
             />
           </Group>
         </Admin_V3_ComponentBreakpoint>
-        
+
         <HasilReportPosting listReport={listReport} komentarId={komentarId} />
       </Stack>
     </>
@@ -86,15 +86,13 @@ function ButtonDeleteKomentar({
 }) {
   const router = useRouter();
   const [opened, { open, close }] = useDisclosure(false);
-  const [loadingDel2, setLoadingDel2] = useState(false);
+  const [loading, setLoading] = useState(false);
 
   async function onDelete() {
-    await adminForum_funDeleteKomentarById(komentarId).then(async (res) => {
+    try {
+      setLoading(true);
+      const res = await adminForum_funDeleteKomentarById(komentarId);
       if (res.status === 200) {
-        setLoadingDel2(false);
-        close();
-        router.back();
-
         // const dataKomentar = await adminForum_funGetOneKomentarById({
         //   komentarId: komentarId,
         // });
@@ -121,10 +119,17 @@ function ButtonDeleteKomentar({
         }
 
         ComponentGlobal_NotifikasiBerhasil(res.message);
+        setLoading(false);
+        close();
+        router.back();
       } else {
         ComponentGlobal_NotifikasiGagal(res.message);
       }
-    });
+    } catch (error) {
+      console.log("error delete", error);
+      setLoading(false);
+      ComponentGlobal_NotifikasiGagal("Terjadi kesalahan, silahkan coba lagi");
+    }
   }
 
   return (
@@ -149,12 +154,12 @@ function ButtonDeleteKomentar({
             </Button>
             <Button
               loaderPosition="center"
-              loading={loadingDel2 ? true : false}
+              loading={loading}
               radius={"xl"}
               color="red"
               onClick={() => {
                 onDelete();
-                setLoadingDel2(true);
+                setLoading(true);
               }}
             >
               Hapus
diff --git a/src/app_modules/admin/forum/sub_detail/hasil_report_posting.tsx b/src/app_modules/admin/forum/sub_detail/hasil_report_posting.tsx
index e0636826..855d38c8 100644
--- a/src/app_modules/admin/forum/sub_detail/hasil_report_posting.tsx
+++ b/src/app_modules/admin/forum/sub_detail/hasil_report_posting.tsx
@@ -16,7 +16,6 @@ import {
   Button,
   Center,
   Group,
-  Modal,
   Paper,
   ScrollArea,
   Spoiler,
@@ -30,6 +29,7 @@ import { IconTrash } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { Admin_ComponentModal } from "../../_admin_global/_component/comp_admin_modal";
 import Admin_ComponentBackButton from "../../_admin_global/back_button";
 import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { Admin_V3_ComponentPaginationBreakpoint } from "../../_components_v3/comp_pagination_breakpoint";
@@ -38,8 +38,6 @@ import adminNotifikasi_funCreateToUser from "../../notifikasi/fun/create/fun_cre
 import ComponentAdminForum_ViewOneDetailPosting from "../component/detail_one_posting";
 import { adminForum_funDeletePostingById } from "../fun/delete/fun_delete_posting_by_id";
 import { adminForum_getListReportPostingById } from "../fun/get/get_list_report_posting_by_id";
-import { UIGlobal_Modal } from "@/app_modules/_global/ui";
-import { Admin_ComponentModal } from "../../_admin_global/_component/comp_admin_modal";
 
 export default function AdminForum_HasilReportPosting({
   dataPosting,
@@ -77,35 +75,42 @@ function ButtonDeletePosting({
 }) {
   const router = useRouter();
   const [opened, { open, close }] = useDisclosure(false);
-  const [loadingDel2, setLoadingDel2] = useState(false);
+  const [loading, setLoading] = useState(false);
+
   async function onDelete() {
-    const del = await adminForum_funDeletePostingById(dataPosting.id);
-    if (del.status === 200) {
-      setLoadingDel2(false);
-      close();
-      router.back();
+    try {
+      setLoading(true);
+      const del = await adminForum_funDeletePostingById(dataPosting.id);
+      if (del.status === 200) {
+        const dataNotif = {
+          appId: dataPosting.id,
+          status: "Report Posting",
+          userId: dataPosting.authorId,
+          pesan: dataPosting.diskusi,
+          kategoriApp: "FORUM",
+          title: "Postingan anda telah di laporkan",
+        };
+        const notif = await adminNotifikasi_funCreateToUser({
+          data: dataNotif as any,
+        });
+        if (notif.status === 201) {
+          mqtt_client.publish(
+            "USER",
+            JSON.stringify({ userId: dataPosting.authorId, count: 1 })
+          );
+        }
 
-      const dataNotif = {
-        appId: dataPosting.id,
-        status: "Report Posting",
-        userId: dataPosting.authorId,
-        pesan: dataPosting.diskusi,
-        kategoriApp: "FORUM",
-        title: "Postingan anda telah di laporkan",
-      };
-      const notif = await adminNotifikasi_funCreateToUser({
-        data: dataNotif as any,
-      });
-      if (notif.status === 201) {
-        mqtt_client.publish(
-          "USER",
-          JSON.stringify({ userId: dataPosting.authorId, count: 1 })
-        );
+        ComponentGlobal_NotifikasiBerhasil(del.message);
+        setLoading(false);
+        close();
+        router.back();
+      } else {
+        ComponentGlobal_NotifikasiGagal(del.message);
       }
-
-      ComponentGlobal_NotifikasiBerhasil(del.message);
-    } else {
-      ComponentGlobal_NotifikasiGagal(del.message);
+    } catch (error) {
+      console.log("error delete", error);
+      setLoading(false);
+      ComponentGlobal_NotifikasiGagal("Terjadi kesalahan, silahkan coba lagi");
     }
   }
   return (
@@ -130,12 +135,12 @@ function ButtonDeletePosting({
             </Button>
             <Button
               loaderPosition="center"
-              loading={loadingDel2 ? true : false}
+              loading={loading ? true : false}
               radius={"xl"}
               color="red"
               onClick={() => {
                 onDelete();
-                setLoadingDel2(true);
+                setLoading(true);
               }}
             >
               Hapus
diff --git a/src/app_modules/forum/component/detail_component/ui_report_komentar.tsx b/src/app_modules/forum/component/detail_component/ui_report_komentar.tsx
index 4465cfa8..c1714833 100644
--- a/src/app_modules/forum/component/detail_component/ui_report_komentar.tsx
+++ b/src/app_modules/forum/component/detail_component/ui_report_komentar.tsx
@@ -80,11 +80,24 @@ export function ComponentForum_UiDetailReportKomentar() {
 
           <Stack spacing={"xs"}>
             <Text fw={"bold"}>Komentar anda</Text>
-            <Paper withBorder p={"sm"}>
-              <Text>
-                <div dangerouslySetInnerHTML={{ __html: data.komentar }} />
+            <Box
+              style={{
+                backgroundColor: MainColor.soft_darkblue,
+                padding: 10,
+                borderRadius: 8,
+              }}
+            >
+              <Text fz={"sm"} color="white">
+                {data?.komentar ? (
+                  <Comp_V3_SetInnerHTMLWithStiker
+                    props={data.komentar}
+                    className="chat-content"
+                  />
+                ) : (
+                  ""
+                )}
               </Text>
-            </Paper>
+            </Box>
           </Stack>
 
           <Stack spacing={"xs"}>
diff --git a/src/app_modules/forum/detail/detail_report_komentar.tsx b/src/app_modules/forum/detail/detail_report_komentar.tsx
index 501e704f..c5cadc2c 100644
--- a/src/app_modules/forum/detail/detail_report_komentar.tsx
+++ b/src/app_modules/forum/detail/detail_report_komentar.tsx
@@ -2,17 +2,14 @@ import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_ta
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
 import { ComponentForum_UiDetailReportKomentar } from "../component/detail_component/ui_report_komentar";
 
-
 export default function Forum_DetailReportKomentar() {
   return (
     <>
       <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Report Komentar" />}
       >
-        {<ComponentForum_UiDetailReportKomentar  />}
+        <ComponentForum_UiDetailReportKomentar />
       </UIGlobal_LayoutTamplate>
     </>
   );
 }
-
-