wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: forum

Browse Source 
deskripsi:
- fix use server menjadi API pada repot posting dan komentar
This commit is contained in:
Bagasbanuna02
2025-06-03 16:38:47 +08:00
parent f275ccd8a7
commit 42cfe650b5
10 changed files with 376 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app_modules/_global/fun/generate_seeder.ts
View File

@@ -665,8 +665,10 @@ const limit = pLimit(1);
export async function generate_seeder() {
try {
await Promise.all(listSeederQueue.map((fn) => limit(fn)));
await prisma.$disconnect();
} catch (error) {
console.error("error generate seeder", error);
await prisma.$disconnect();
}
return { status: 200, success: true };

82
src/app_modules/forum/component/api_fetch_forum.ts
View File

@@ -4,6 +4,8 @@ export {
apiGetForumkuByUserId as apiGetForumkuById,
apiGetKomentarForumById,
apiGetMasterReportForum,
apiGetOneReportedPostingById,
apiGetOneReportKomentarById,
};
const apiGetAllForum = async ({
@@ -191,4 +193,82 @@ const apiGetMasterReportForum = async () => {
throw error; // Re-throw the error to handle it in the calling function
}
}
}
const apiGetOneReportedPostingById = async ({ id }: { id: string }) => {
try {
// Fetch token from cookie
const { token } = await fetch("/api/get-cookie").then((res) =>
res.json()
);
if (!token) {
console.error("No token found");
return null;
}
const response = await fetch(`/api/forum/${id}/report-posting`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
Authorization: `Bearer ${token}`,
},
});
// Check if the response is OK
if (!response.ok) {
const errorData = await response.json().catch(() => null);
console.error(
"Failed to get all forum:",
response.statusText,
errorData
);
throw new Error(errorData?.message || "Failed to get all forum");
}
// Return the JSON response
return await response.json();
} catch (error) {
console.error("Error get all forum", error);
throw error; // Re-throw the error to handle it in the calling function
}
};
const apiGetOneReportKomentarById = async ({ id }: { id: string }) => {
try {
// Fetch token from cookie
const { token } = await fetch("/api/get-cookie").then((res) =>
res.json()
);
if (!token) {
console.error("No token found");
return null;
}
const response = await fetch(`/api/forum/${id}/report-komentar`, {
method: "GET",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
Authorization: `Bearer ${token}`,
},
});
// Check if the response is OK
if (!response.ok) {
const errorData = await response.json().catch(() => null);
console.error(
"Failed to get all forum:",
response.statusText,
errorData
);
throw new Error(errorData?.message || "Failed to get all forum");
}
// Return the JSON response
return await response.json();
} catch (error) {
console.error("Error get all forum", error);
throw error; // Re-throw the error to handle it in the calling function
}
};

100
src/app_modules/forum/component/detail_component/ui_report_komentar.tsx
View File

@@ -1,17 +1,67 @@
"use client"
"use client";
import { Stack, Paper, Text, List, Box } from "@mantine/core";
import { useState } from "react";
import { MODEL_FORUM_KOMENTAR } from "../../model/interface";
import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
import {
AccentColor,
MainColor,
} from "@/app_modules/_global/color/color_pallet";
import { useShallowEffect } from "@mantine/hooks";
import { Comp_V3_SetInnerHTMLWithStiker } from "@/app_modules/_global/component/new/comp_V3_set_html_with_stiker";
import { apiGetOneReportKomentarById } from "../api_fetch_forum";
import { useParams } from "next/navigation";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export function ComponentForum_UiDetailReportKomentar() {
const params = useParams<{ id: string }>();
const [data, setData] = useState<MODEL_FORUM_KOMENTAR | null>(null);
const [list, setList] = useState<any[]>([]);
useShallowEffect(() => {
onLoadData();
}, []);
async function onLoadData() {
try {
const response = await apiGetOneReportKomentarById({
id: params.id,
});
if (response.success) {
setData(response.data.data);
setList(response.data.list);
} else {
setData(null);
setList([]);
}
} catch (error) {
console.error("Error get data report posting", error);
setData(null);
setList([]);
}
}
useShallowEffect(() => {
// Add custom style for stickers inside Quill editor
const style = document.createElement("style");
style.textContent = `
.chat-content img {
max-width: 70px !important;
max-height: 70px !important;
}
`;
document.head.appendChild(style);
return () => {
// Clean up when component unmounts
document.head.removeChild(style);
};
}, []);
if (!data || !list) {
return <CustomSkeleton height={400} />;
}
export function ComponentForum_UiDetailReportKomentar({
dataKomentar,
}: {
dataKomentar: any;
}) {
const [data, setData] = useState<MODEL_FORUM_KOMENTAR>(dataKomentar.data);
const [list, setList] = useState<any[]>(dataKomentar.list);
return (
<>
<Box
@@ -41,21 +91,33 @@ export function ComponentForum_UiDetailReportKomentar({
<Text fw={"bold"}>
Pada postingan : {data.Forum_Posting.Author.username}
</Text>
<Paper withBorder p={"sm"}>
<Text>
<div
dangerouslySetInnerHTML={{
__html: data.Forum_Posting.diskusi,
}}
/>
{/* CONTENT */}
<Box
style={{
backgroundColor: MainColor.soft_darkblue,
padding: 10,
borderRadius: 8,
}}
>
<Text fz={"sm"} color="white">
{data?.Forum_Posting.diskusi ? (
<Comp_V3_SetInnerHTMLWithStiker
props={data.Forum_Posting.diskusi}
className="chat-content"
/>
) : (
""
)}
</Text>
</Paper>
</Box>
</Stack>
<Stack spacing={"xs"}>
<Text fw={"bold"}>Laporan yang diterima :</Text>
<List withPadding>
{list.map((x, i) => (
<List.Item c={"white"} key={i}>{x}</List.Item>
<List.Item c={"white"} key={i}>
{x}
</List.Item>
))}
</List>
</Stack>
@@ -63,4 +125,4 @@ export function ComponentForum_UiDetailReportKomentar({
</Box>
</>
);
}
}

92
src/app_modules/forum/component/detail_component/ui_report_posting.tsx
View File

@@ -1,20 +1,66 @@
"use client";
import { Stack, Paper, Text, List, Box } from "@mantine/core";
import { useState } from "react";
import { MODEL_FORUM_POSTING } from "../../model/interface";
import {
AccentColor,
MainColor,
} from "@/app_modules/_global/color/color_pallet";
import { Comp_V3_SetInnerHTMLWithStiker } from "@/app_modules/_global/component/new/comp_V3_set_html_with_stiker";
import { Box, List, Stack, Text } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { useParams } from "next/navigation";
import { useState } from "react";
import { MODEL_FORUM_POSTING } from "../../model/interface";
import { apiGetOneReportedPostingById } from "../api_fetch_forum";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
export function ComponentForum_UiDetailReportPosting({
dataPosting,
}: {
dataPosting: any;
}) {
const [data, setData] = useState<MODEL_FORUM_POSTING>(dataPosting.data);
const [list, setList] = useState<any[]>(dataPosting.list);
export function ComponentForum_UiDetailReportPosting() {
const params = useParams<{ id: string }>();
const [data, setData] = useState<MODEL_FORUM_POSTING | null>(null);
const [list, setList] = useState<any[]>([]);
useShallowEffect(() => {
onLoadData();
}, []);
async function onLoadData() {
try {
const response = await apiGetOneReportedPostingById({
id: params.id,
});
if (response.success) {
setData(response.data.data);
setList(response.data.list);
} else {
setData(null);
setList([]);
}
} catch (error) {
console.error("Error get data report posting", error);
setData(null);
setList([]);
}
}
useShallowEffect(() => {
// Add custom style for stickers inside Quill editor
const style = document.createElement("style");
style.textContent = `
.chat-content img {
max-width: 70px !important;
max-height: 70px !important;
}
`;
document.head.appendChild(style);
return () => {
// Clean up when component unmounts
document.head.removeChild(style);
};
}, []);
if (!data || !list) {
return <CustomSkeleton height={400} />;
}
return (
<>
@@ -33,15 +79,25 @@ export function ComponentForum_UiDetailReportPosting({
</Text>
<Stack spacing={"xs"}>
<Text fw={"bold"}>Pada postingan</Text>
<Paper withBorder p={"sm"}>
<Text>
<div
dangerouslySetInnerHTML={{
__html: data.diskusi,
}}
/>
{/* CONTENT */}
<Box
style={{
backgroundColor: MainColor.soft_darkblue,
padding: 10,
borderRadius: 8,
}}
>
<Text fz={"sm"} color="white">
{data?.diskusi ? (
<Comp_V3_SetInnerHTMLWithStiker
props={data?.diskusi}
className="chat-content"
/>
) : (
""
)}
</Text>
</Paper>
</Box>
</Stack>
<Stack spacing={"xs"}>

8
src/app_modules/forum/detail/detail_report_komentar.tsx
View File

@@ -3,17 +3,13 @@ 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({
dataKomentar,
}: {
dataKomentar: any;
}) {
export default function Forum_DetailReportKomentar() {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Report Komentar" />}
>
{<ComponentForum_UiDetailReportKomentar dataKomentar={dataKomentar} />}
{<ComponentForum_UiDetailReportKomentar />}
</UIGlobal_LayoutTamplate>
</>
);

9
src/app_modules/forum/detail/detail_report_posting.tsx
View File

@@ -1,19 +1,14 @@
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import { Stack, Text } from "@mantine/core";
import { ComponentForum_UiDetailReportPosting } from "../component/detail_component/ui_report_posting";
export default function Forum_DetailReportPosting({
dataPosting,
}: {
dataPosting: any;
}) {
export default function Forum_DetailReportPosting() {
return (
<>
<UIGlobal_LayoutTamplate
header={<UIGlobal_LayoutHeaderTamplate title="Report Posting" />}
>
<ComponentForum_UiDetailReportPosting dataPosting={dataPosting} />
<ComponentForum_UiDetailReportPosting />
</UIGlobal_LayoutTamplate>
</>
);