# Forum Report

## feat
- Repot posting
- Report komentar
### No issuee

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

@@ -0,0 +1,70 @@
+"use client";
+
+import { RouterForum } from "@/app/lib/router_hipmi/router_forum";
+import { Button, Group, Stack, Textarea } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
+import { forum_funCreateReportPosting } from "../../fun/create/fun_create_report_posting";
+import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/component_global/notif_global/notifikasi_berhasil";
+import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/component_global/notif_global/notifikasi_gagal";
+import { forum_funCreateReportPostingLainnya } from "../../fun/create/fun_create_report_posting_lainnya";
+import { forum_funCreateReportKomentarLainnya } from "../../fun/create/fun_create_report_komentar_lainnya";
+
+export default function Forum_ReportKomentarLainnya({ komentarId }: { komentarId: string }) {
+  const [deskripsi, setDeskripsi] = useState("");
+  return (
+    <>
+      <Stack>
+        <Textarea
+          label={"Kirimkan Laporan"}
+          placeholder="Ketik laporan anda tentang komentar ini ..."
+          minRows={5}
+          onChange={(val) => {
+            setDeskripsi(val.currentTarget.value);
+          }}
+        />
+        <ButtonAction komentarId={komentarId} deskripsi={deskripsi} />
+      </Stack>
+    </>
+  );
+}
+
+function ButtonAction({
+  komentarId,
+  deskripsi,
+}: {
+  komentarId: string;
+  deskripsi: string;
+}) {
+  const router = useRouter();
+
+  async function onReport() {
+    await forum_funCreateReportKomentarLainnya(komentarId, deskripsi).then(
+      (res) => {
+        if (res.status === 201) {
+          ComponentGlobal_NotifikasiBerhasil(res.message);
+          router.back();
+        } else {
+          ComponentGlobal_NotifikasiGagal(res.message);
+        }
+      }
+    );
+  }
+  return (
+    <>
+      <Group position="apart" grow>
+        <Button
+          radius={"xl"}
+          onClick={() =>
+            router.replace(RouterForum.report_komentar + komentarId)
+          }
+        >
+          Batal
+        </Button>
+        <Button radius={"xl"} color="red" onClick={() => onReport()}>
+          Report
+        </Button>
+      </Group>
+    </>
+  );
+}