Integrasi API: Admin Forum

Fix:
app/(application)/admin/forum/[id]/index.tsx
app/(application)/admin/forum/[id]/list-comment.tsx
app/(application)/admin/forum/[id]/list-report-comment.tsx
app/(application)/admin/forum/[id]/list-report-posting.tsx
app/(application)/admin/forum/index.tsx
app/(application)/admin/forum/posting.tsx
app/(application)/admin/forum/report-comment.tsx
app/(application)/admin/forum/report-posting.tsx
screens/Admin/listPageAdmin.tsx
service/api-admin/api-admin-forum.ts

### No Issue

app/(application)/admin/forum/[id]/list-comment.tsx

@@ -1,41 +1,24 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import {
-  ActionIcon,
-  AlertDefaultSystem,
-  DrawerCustom,
-  LoaderCustom,
-  MenuDrawerDynamicGrid,
-  StackCustom,
-  TextCustom,
-  ViewWrapper,
+    LoaderCustom,
+    StackCustom,
+    TextCustom,
+    ViewWrapper
 } from "@/components";
-import { IconView } from "@/components/_Icon/IconComponent";
 import { IconOpenTo } from "@/components/_Icon/IconOpenTo";
-import { IconTrash } from "@/components/_Icon/IconTrash";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import AdminTitleTable from "@/components/_ShareComponent/Admin/TableTitle";
 import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
-import { MainColor } from "@/constants/color-palet";
-import {
-  ICON_SIZE_BUTTON,
-  ICON_SIZE_MEDIUM,
-  ICON_SIZE_XLARGE,
-} from "@/constants/constans-value";
 import { apiAdminForumCommentById } from "@/service/api-admin/api-admin-forum";
-import { Ionicons } from "@expo/vector-icons";
 import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import { useCallback, useState } from "react";
 import { Divider } from "react-native-paper";
-import Toast from "react-native-toast-message";
 
 export default function AdminForumListComment() {
   const { id } = useLocalSearchParams();
-  const [openDrawerAction, setOpenDrawerAction] = useState(false);
-
-  console.log("[ID]", id);
-
   const [listComment, setListComment] = useState<any[] | null>(null);
+  const [loadList, setLoadList] = useState(false);
 
   useFocusEffect(
     useCallback(() => {
@@ -45,49 +28,32 @@ export default function AdminForumListComment() {
 
   const onLoadComment = async () => {
     try {
+      setLoadList(true);
       const response = await apiAdminForumCommentById({
         id: id as string,
         category: "get-all",
       });
 
-      console.log("[RES COMMENT]", JSON.stringify(response, null, 2));
       if (response.success) {
         setListComment(response.data);
       }
     } catch (error) {
       console.log("[ERROR]", error);
       setListComment([]);
+    } finally {
+      setLoadList(false);
     }
   };
 
-  const handlerAction = (item: { value: string; path: string }) => {
-    if (item.value === "delete") {
-      AlertDefaultSystem({
-        title: "Hapus Posting",
-        message: "Apakah Anda yakin ingin menghapus posting ini?",
-        textLeft: "Batal",
-        textRight: "Hapus",
-        onPressRight: () => {
-          Toast.show({
-            type: "success",
-            text1: "Posting berhasil dihapus",
-          });
-        },
-      });
-    } else {
-      router.navigate(item.path as any);
-    }
-    setOpenDrawerAction(false);
-  };
   return (
     <>
       <ViewWrapper
         headerComponent={<AdminBackButtonAntTitle title="Daftar Komentar" />}
       >
         <StackCustom>
-          <AdminTitleTable title1="Aksi" title2="Username" title3="Komentar" />
+          <AdminTitleTable title1="Aksi" title2="Report" title3="Komentar" />
           <Divider />
-          {!listComment ? (
+          {loadList ? (
             <LoaderCustom />
           ) : _.isEmpty(listComment) ? (
             <TextCustom align="center" color="gray">
@@ -108,7 +74,7 @@ export default function AdminForumListComment() {
                 }
                 value2={
                   <TextCustom truncate={1}>
-                    {item?.Author?.username || "-"}
+                    {item?.countReport || 0}
                   </TextCustom>
                 }
                 value3={
@@ -120,34 +86,6 @@ export default function AdminForumListComment() {
         </StackCustom>
       </ViewWrapper>
 
-      <DrawerCustom
-        isVisible={openDrawerAction}
-        closeDrawer={() => setOpenDrawerAction(false)}
-        height={"auto"}
-      >
-        <MenuDrawerDynamicGrid
-          data={[
-            {
-              icon: <IconView />,
-              label: "Detail Komentar",
-              value: "detail",
-              path: `admin/forum/${id}/list-report-comment`,
-            },
-            {
-              icon: (
-                <IconTrash size={ICON_SIZE_MEDIUM} color={MainColor.white} />
-              ),
-              label: "Hapus Komentar",
-              value: "delete",
-              path: "",
-              color: MainColor.red,
-            },
-          ]}
-          onPressItem={(item) => {
-            handlerAction(item as any);
-          }}
-        />
-      </DrawerCustom>
     </>
   );
 }