Integrasi API: Admin Voting

Add:
-  service/api-admin/api-admin-voting.ts

Fix:
- app/(application)/admin/voting/[id]/[status]/index.tsx
- app/(application)/admin/voting/[status]/status.tsx
- app/(application)/admin/voting/index.tsx

### No Issue

app/(application)/admin/forum/[id]/index.tsx

@@ -22,11 +22,7 @@ import { useCallback, useState } from "react";
 export default function AdminForumDetailPosting() {
   const { id } = useLocalSearchParams();
   const [openDrawerPage, setOpenDrawerPage] = useState(false);
-  const [selectedId, setSelectedId] = useState<any>();
-
   const [data, setData] = useState<any | null>(null);
-  const [listComment, setListComment] = useState<any[] | null>(null);
-
   useFocusEffect(
     useCallback(() => {
       onLoadData();
@@ -38,7 +34,6 @@ export default function AdminForumDetailPosting() {
       const response = await apiAdminForumPostingById({
         id: id as string,
       });
-      console.log("[RES DATA]", JSON.stringify(response, null, 2));
 
       if (response.success) {
         setData(response.data);
@@ -86,14 +81,25 @@ export default function AdminForumDetailPosting() {
           <AdminBackButtonAntTitle
             title="Detail Posting"
             rightComponent={
+              data &&
+              data?.isActive && (
                 <ActionIcon
                   icon={<IconDot size={16} color={MainColor.darkblue} />}
                   onPress={() => setOpenDrawerPage(true)}
                 />
+              )
             }
           />
         }
       >
+        {data && !data?.isActive && (
+          <BaseBox>
+            <TextCustom bold align="center" color="red">
+              Postingan ini telah di nonaktifkan
+            </TextCustom>
+          </BaseBox>
+        )}
+
         <BaseBox>
           <StackCustom gap={"sm"}>
             {listDataAction.map((item, i) => (
@@ -112,47 +118,6 @@ export default function AdminForumDetailPosting() {
             <TextCustom>{(data && data?.diskusi) || "-"}</TextCustom>
           </StackCustom>
         </BaseBox>
-
-        {/* <AdminComp_BoxTitle title="Komentar" rightComponent={rightComponent} /> */}
-        {/* <StackCustom>
-          <AdminTitleTable title1="Aksi" title2="Username" title3="Komentar" />
-          <Divider />
-          {!listComment ? (
-            <LoaderCustom />
-          ) : _.isEmpty(listComment) ? (
-            <TextCustom align="center" color="gray">
-              Tidak ada komentar
-            </TextCustom>
-          ) : (
-            listComment?.map((item: any, index: number) => (
-              <AdminTableValue
-                key={index}
-                value1={
-                  <ActionIcon
-                    icon={
-                      <Ionicons
-                        name="ellipsis-vertical-outline"
-                        size={ICON_SIZE_BUTTON}
-                        color="black"
-                      />
-                    }
-                    onPress={() => {
-                      setSelectedId(index + 1);
-                    }}
-                  />
-                }
-                value2={
-                  <TextCustom truncate={1}>
-                    {item?.Author?.username || "-"}
-                  </TextCustom>
-                }
-                value3={
-                  <TextCustom truncate={2}>{item?.komentar || "-"}</TextCustom>
-                }
-              />
-            ))
-          )}
-        </StackCustom> */}
       </ViewWrapper>
 
       <DrawerCustom

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,
+    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>
     </>
   );
 }

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

@@ -4,8 +4,8 @@ import {
   AlertDefaultSystem,
   BaseBox,
   DrawerCustom,
+  LoaderCustom,
   MenuDrawerDynamicGrid,
-  Spacing,
   StackCustom,
   TextCustom,
   ViewWrapper,
@@ -19,18 +19,31 @@ import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
 import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { apiAdminForumCommentById } from "@/service/api-admin/api-admin-forum";
+import {
+  apiAdminForumCommentById,
+  apiAdminForumDeactivateComment,
+  apiAdminForumListReportCommentById,
+} from "@/service/api-admin/api-admin-forum";
 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 AdminForumReportComment() {
   const { id } = useLocalSearchParams();
-  console.log("[ID]", id);
   const [data, setData] = useState<any | null>(null);
+  const [listReport, setListReport] = useState<any[] | null>(null);
+  const [loadList, setLoadList] = useState(false);
   const [openDrawer, setOpenDrawer] = useState(false);
   const [openDrawerAction, setOpenDrawerAction] = useState(false);
+  const [selectedReport, setSelectedReport] = useState({
+    id: "",
+    username: "",
+    kategori: "",
+    keterangan: "",
+    deskripsi: "",
+  });
 
   useFocusEffect(
     useCallback(() => {
@@ -40,18 +53,28 @@ export default function AdminForumReportComment() {
 
   const onLoadData = async () => {
     try {
+      setLoadList(true);
       const response = await apiAdminForumCommentById({
         id: id as string,
         category: "get-one",
       });
 
-      console.log("[RES GET ONE COMMENT]", JSON.stringify(response, null, 2));
+      const responseReport = await apiAdminForumListReportCommentById({
+        id: id as string,
+      });
+
       if (response.success) {
         setData(response.data);
       }
+      if (responseReport.success) {
+        setListReport(responseReport.data);
+      }
     } catch (error) {
       console.log("[ERROR]", error);
       setData(null);
+      setListReport([]);
+    } finally {
+      setLoadList(false);
     }
   };
 
@@ -85,15 +108,21 @@ export default function AdminForumReportComment() {
 
         <AdminComp_BoxTitle title="Daftar Report Komentar" />
 
-        <BaseBox>
+        <StackCustom>
           <AdminTitleTable
             title1="Aksi"
-            title2="Username"
+            title2="Pelapor"
             title3="Kategori Report"
           />
-          <Spacing />
           <Divider />
-          {Array.from({ length: 5 }).map((_, index) => (
+          {loadList ? (
+            <LoaderCustom />
+          ) : _.isEmpty(listReport) ? (
+            <TextCustom align="center" color="gray">
+              Tidak ada report
+            </TextCustom>
+          ) : (
+            listReport?.map((item: any, index: number) => (
               <AdminTableValue
                 key={index}
                 value1={
@@ -101,18 +130,30 @@ export default function AdminForumReportComment() {
                     icon={<IconView size={ICON_SIZE_BUTTON} color="black" />}
                     onPress={() => {
                       setOpenDrawerAction(true);
+                      setSelectedReport({
+                        id: item.id,
+                        username: item.User?.username,
+                        kategori: item.ForumMaster_KategoriReport?.title,
+                        keterangan: item.ForumMaster_KategoriReport?.deskripsi,
+                        deskripsi: item.deskripsi,
+                      });
                     }}
                   />
                 }
-              value2={<TextCustom truncate={1}>Username username</TextCustom>}
+                value2={
+                  <TextCustom truncate={1}>
+                    {item?.User?.username || "-"}
+                  </TextCustom>
+                }
                 value3={
                   <TextCustom truncate={2} align="center">
-                  SPAM
+                    {item?.ForumMaster_KategoriReport?.title || "-"}
                   </TextCustom>
                 }
               />
-          ))}
+            ))
-        </BaseBox>
+          )}
+        </StackCustom>
       </ViewWrapper>
 
       <DrawerCustom
@@ -136,7 +177,19 @@ export default function AdminForumReportComment() {
               message: "Apakah Anda yakin ingin menghapus komentar ini?",
               textLeft: "Batal",
               textRight: "Hapus",
-              onPressRight: () => {
+              onPressRight: async () => {
+                const deleteComment = await apiAdminForumDeactivateComment({
+                  id: id as string,
+                });
+
+                if (!deleteComment.success) {
+                  Toast.show({
+                    type: "error",
+                    text1: "Komentar gagal dihapus",
+                  });
+                  return;
+                }
+
                 setOpenDrawer(false);
                 Toast.show({
                   type: "success",
@@ -154,37 +207,39 @@ export default function AdminForumReportComment() {
         closeDrawer={() => setOpenDrawerAction(false)}
         height={"auto"}
       >
-        {listDataAction.map((item, i) => (
+        <StackCustom>
           <GridDetail_4_8
-            key={i}
+            label={<TextCustom bold>Pelapor</TextCustom>}
-            label={<TextCustom bold>{item.label}</TextCustom>}
+            value={<TextCustom>{selectedReport?.username || "-"}</TextCustom>}
-            value={<TextCustom>{item.value}</TextCustom>}
           />
-        ))}
+
+          {selectedReport?.kategori && (
+            <>
+              <GridDetail_4_8
+                label={<TextCustom bold>Kategori Report</TextCustom>}
+                value={
+                  <TextCustom>{selectedReport?.kategori || "-"}</TextCustom>
+                }
+              />
+              <GridDetail_4_8
+                label={<TextCustom bold>Keterangan</TextCustom>}
+                value={
+                  <TextCustom>{selectedReport?.keterangan || "-"}</TextCustom>
+                }
+              />
+            </>
+          )}
+
+          {selectedReport?.deskripsi && (
+            <GridDetail_4_8
+              label={<TextCustom bold>Deskripsi</TextCustom>}
+              value={
+                <TextCustom>{selectedReport?.deskripsi || "-"}</TextCustom>
+              }
+            />
+          )}
+        </StackCustom>
       </DrawerCustom>
     </>
   );
 }
-
-const listData = [
-  {
-    label: "Username",
-    value: "Username",
-  },
-];
-
-const listDataAction = [
-  {
-    label: "Username",
-    value: "Riyusa",
-  },
-  {
-    label: "Kategori Report",
-    value: "SPAM",
-  },
-  {
-    label: "Deskripsi",
-    value:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis asperiores quidem deleniti architecto eaque et nostrum, ad consequuntur eveniet quisquam quae voluptatum ducimus! Dolorem nobis modi officia debitis, beatae mollitia.",
-  },
-];

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

@@ -1,11 +1,12 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ActionIcon,
   AlertDefaultSystem,
   BadgeCustom,
   BaseBox,
   DrawerCustom,
+  LoaderCustom,
   MenuDrawerDynamicGrid,
-  Spacing,
   StackCustom,
   TextCustom,
   ViewWrapper,
@@ -19,15 +20,64 @@ import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
 import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { router } from "expo-router";
+import {
-import { useState } from "react";
+  apiAdminForumDeactivatePosting,
+  apiAdminForumListReportPostingById,
+  apiAdminForumPostingById,
+} from "@/service/api-admin/api-admin-forum";
+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 AdminForumReportPosting() {
+  const { id } = useLocalSearchParams();
   const [openDrawerPage, setOpenDrawerPage] = useState(false);
   const [openDrawerAction, setOpenDrawerAction] = useState(false);
 
+  const [data, setData] = useState<any | null>(null);
+  const [listReport, setListReport] = useState<any[] | null>(null);
+  const [loadListReport, setLoadListReport] = useState(false);
+  const [selectedReport, setSelectedReport] = useState({
+    id: "",
+    username: "",
+    kategori: "",
+    keterangan: "",
+    deskripsi: "",
+  });
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [id])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadListReport(true);
+      const response = await apiAdminForumPostingById({
+        id: id as string,
+      });
+
+      const responseReport = await apiAdminForumListReportPostingById({
+        id: id as string,
+      });
+
+      if (response.success) {
+        setData(response.data);
+      }
+
+      if (responseReport.success) {
+        setListReport(responseReport.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadListReport(false);
+    }
+  };
+
   return (
     <>
       <ViewWrapper
@@ -45,50 +95,86 @@ export default function AdminForumReportPosting() {
       >
         <BaseBox>
           <StackCustom gap={"sm"}>
-            {listData.map((item, i) => (
             <GridDetail_4_8
-                key={i}
+              label={<TextCustom bold>Username</TextCustom>}
-                label={<TextCustom bold>{item.label}</TextCustom>}
+              value={<TextCustom>{data?.Author?.username || "-"}</TextCustom>}
-                value={<TextCustom>{item.value}</TextCustom>}
+            />
+
+            <GridDetail_4_8
+              label={<TextCustom bold>Status</TextCustom>}
+              value={
+                data && data?.ForumMaster_StatusPosting?.status ? (
+                  <BadgeCustom
+                    color={
+                      data?.ForumMaster_StatusPosting?.status === "Open"
+                        ? MainColor.green
+                        : MainColor.red
+                    }
+                  >
+                    {data?.ForumMaster_StatusPosting?.status === "Open"
+                      ? "Open"
+                      : "Close"}
+                  </BadgeCustom>
+                ) : (
+                  <TextCustom>{"-"}</TextCustom>
+                )
+              }
+            />
+
+            <GridDetail_4_8
+              label={<TextCustom bold>Postingan</TextCustom>}
+              value={<TextCustom>{data?.diskusi || "-"}</TextCustom>}
             />
-            ))}
-            <TextCustom bold>Posting</TextCustom>
-            <TextCustom>
-              Lorem ipsum dolor sit amet consectetur adipisicing elit.
-              Asperiores cupiditate nobis dignissimos explicabo quo unde dolorum
-              numquam eos ab laborum fugiat illo nam velit quibusdam, maxime
-              assumenda aut vero provident!
-            </TextCustom>
           </StackCustom>
         </BaseBox>
 
         <AdminComp_BoxTitle title="Daftar Report Posting" />
-        <BaseBox>
+        <StackCustom gap={"sm"}>
           <AdminTitleTable
             title1="Aksi"
-            title2="Username"
+            title2="Pelapor"
             title3="Kategori Report"
           />
-          <Spacing />
           <Divider />
-          {Array.from({ length: 5 }).map((_, index) => (
+          {loadListReport ? (
+            <LoaderCustom />
+          ) : _.isEmpty(listReport) ? (
+            <TextCustom align="center" color={"gray"}>
+              Belum ada report
+            </TextCustom>
+          ) : (
+            listReport?.map((item: any, index: number) => (
               <AdminTableValue
                 key={index}
                 value1={
                   <ActionIcon
                     icon={<IconView size={ICON_SIZE_BUTTON} color="black" />}
-                  onPress={() => setOpenDrawerAction(true)}
+                    onPress={() => {
+                      setOpenDrawerAction(true);
+                      setSelectedReport({
+                        id: item?.id,
+                        username: item?.User?.username,
+                        kategori: item?.ForumMaster_KategoriReport?.title,
+                        keterangan: item?.ForumMaster_KategoriReport?.deskripsi,
+                        deskripsi: item?.deskripsi,
+                      });
+                    }}
                   />
                 }
-              value2={<TextCustom truncate={1}>Username username</TextCustom>}
+                value2={
+                  <TextCustom truncate={1}>
+                    {item?.User?.username || "-"}
+                  </TextCustom>
+                }
                 value3={
                   <TextCustom truncate={2} align="center">
-                  SPAM
+                    {item?.ForumMaster_KategoriReport?.title || "-"}
                   </TextCustom>
                 }
               />
-          ))}
+            ))
-        </BaseBox>
+          )}
+        </StackCustom>
       </ViewWrapper>
 
       <DrawerCustom
@@ -112,13 +198,25 @@ export default function AdminForumReportPosting() {
               message: "Apakah Anda yakin ingin menghapus posting ini?",
               textLeft: "Batal",
               textRight: "Hapus",
-              onPressRight: () => {
+              onPressRight: async () => {
+                const response = await apiAdminForumDeactivatePosting({
+                  id: id as string,
+                });
+
+                if (!response.success) {
+                  Toast.show({
+                    type: "error",
+                    text1: "Posting gagal dihapus",
+                  });
+                  return;
+                }
+
                 setOpenDrawerPage(false);
                 Toast.show({
                   type: "success",
                   text1: "Posting berhasil dihapus",
                 });
-                router.back()
+                router.back();
               },
             });
           }}
@@ -130,41 +228,39 @@ export default function AdminForumReportPosting() {
         closeDrawer={() => setOpenDrawerAction(false)}
         height={"auto"}
       >
-        {listDataAction.map((item, i) => (
+        <StackCustom>
           <GridDetail_4_8
-            key={i}
+            label={<TextCustom bold>Pelapor</TextCustom>}
-            label={<TextCustom bold>{item.label}</TextCustom>}
+            value={<TextCustom>{selectedReport?.username || "-"}</TextCustom>}
-            value={<TextCustom>{item.value}</TextCustom>}
           />
-        ))}
+
+          {selectedReport?.kategori && (
+            <>
+              <GridDetail_4_8
+                label={<TextCustom bold>Kategori Report</TextCustom>}
+                value={
+                  <TextCustom>{selectedReport?.kategori || "-"}</TextCustom>
+                }
+              />
+              <GridDetail_4_8
+                label={<TextCustom bold>Keterangan</TextCustom>}
+                value={
+                  <TextCustom>{selectedReport?.keterangan || "-"}</TextCustom>
+                }
+              />
+            </>
+          )}
+
+          {selectedReport?.deskripsi && (
+            <GridDetail_4_8
+              label={<TextCustom bold>Deskripsi</TextCustom>}
+              value={
+                <TextCustom>{selectedReport?.deskripsi || "-"}</TextCustom>
+              }
+            />
+          )}
+        </StackCustom>
       </DrawerCustom>
     </>
   );
 }
-
-const listData = [
-  {
-    label: "Username",
-    value: "Username",
-  },
-  {
-    label: "Status",
-    value: <BadgeCustom color={MainColor.green}>Open</BadgeCustom>,
-  },
-];
-
-const listDataAction = [
-  {
-    label: "Username",
-    value: "Firman Nusantara",
-  },
-  {
-    label: "Kategori Report",
-    value: "SPAM",
-  },
-  {
-    label: "Deskripsi",
-    value:
-      "Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis asperiores quidem deleniti architecto eaque et nostrum, ad consequuntur eveniet quisquam quae voluptatum ducimus! Dolorem nobis modi officia debitis, beatae mollitia.",
-  },
-];

app/(application)/admin/forum/index.tsx

@@ -22,7 +22,6 @@ export default function AdminForum() {
         category: "dashboard",
       });
 
-      console.log("[RES DASHBOARD]", JSON.stringify(response, null, 2));
       if (response.success) {
         setData(response.data);
       }
@@ -39,12 +38,12 @@ export default function AdminForum() {
     },
     {
       label: "Report Posting",
-      value: data?.report_posting || 0,
+      value: data?.reportPosting || 0,
       icon: <IconReport size={25} color={MainColor.orange} />,
     },
     {
       label: "Report Comment",
-      value: data?.report_comment || 0,
+      value: data?.reportComment || 0,
       icon: <IconReport size={25} color={MainColor.red} />,
     },
   ];

app/(application)/admin/forum/posting.tsx

@@ -1,10 +1,8 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import {
   ActionIcon,
-  BaseBox,
   LoaderCustom,
   SearchInput,
-  Spacing,
   StackCustom,
   TextCustom,
   ViewWrapper,
@@ -40,7 +38,6 @@ export default function AdminForumPosting() {
         search: search,
       });
       
-      // console.log("[RES LIST POSTING]", JSON.stringify(response, null, 2));
       if (response.success) {
         setList(response.data);
       }

app/(application)/admin/forum/report-comment.tsx

@@ -1,9 +1,9 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ActionIcon,
-  BaseBox,
+  LoaderCustom,
-  Divider,
   SearchInput,
-  Spacing,
+  StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
@@ -14,14 +14,48 @@ import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { router } from "expo-router";
+import { apiAdminForum } from "@/service/api-admin/api-admin-forum";
+import { router, useFocusEffect } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
+import { Divider } from "react-native-paper";
 
 export default function AdminForumReportComment() {
+  const [listData, setListData] = useState<any[] | null>(null);
+  const [loadList, setLoadList] = useState<boolean>(false);
+  const [search, setSearch] = useState<string>("");
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [search])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadList(true);
+
+      const response = await apiAdminForum({
+        category: "report_comment",
+        search: search,
+      });
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadList(false);
+    }
+  };
 
   const rightComponent = (
     <SearchInput
       containerStyle={{ width: "100%", marginBottom: 0 }}
       placeholder="Cari Komentar"
+      value={search}
+      onChangeText={setSearch}
     />
   );
 
@@ -29,36 +63,56 @@ export default function AdminForumReportComment() {
     <>
       <ViewWrapper headerComponent={<AdminTitlePage title="Forum" />}>
         <AdminComp_BoxTitle
-          title="Report Comment"
+          title="Report Komentar"
           rightComponent={rightComponent}
         />
 
-        <BaseBox>
+        <StackCustom gap={"sm"}>
-          <AdminTitleTable title1="Aksi" title2="Pelapor" title3="Jenis Laporan" />
+          <AdminTitleTable
-          <Spacing />
+            title1="Aksi"
+            title2="Pelapor"
+            title3="Jenis Laporan"
+          />
           <Divider />
-          {Array.from({ length: 10 }).map((_, index) => (
+          {loadList ? (
+            <LoaderCustom />
+          ) : _.isEmpty(listData) ? (
+            <TextCustom align="center" color="gray">
+              Belum ada data
+            </TextCustom>
+          ) : (
+            listData?.map((item: any, index: number) => (
               <AdminTableValue
                 key={index}
                 value1={
                   <ActionIcon
                     icon={
-                    <IconView size={ICON_SIZE_BUTTON} color={MainColor.black} />
+                      <IconView
+                        size={ICON_SIZE_BUTTON}
+                        color={MainColor.black}
+                      />
                     }
                     onPress={() => {
-                    router.push(`/admin/forum/${index + 1}/list-report-comment`);
+                      router.push(
+                        `/admin/forum/${item?.Forum_Komentar?.id}/list-report-comment`
+                      );
                     }}
                   />
                 }
-              value2={<TextCustom truncate={1}>Username username</TextCustom>}
+                value2={
+                  <TextCustom truncate={1}>
+                    {item?.User?.username || "-"}
+                  </TextCustom>
+                }
                 value3={
                   <TextCustom truncate={2} align="center">
-                 SPAM
+                    {item?.ForumMaster_KategoriReport?.title || "-"}
                   </TextCustom>
                 }
               />
-          ))}
+            ))
-        </BaseBox>
+          )}
+        </StackCustom>
       </ViewWrapper>
     </>
   );

app/(application)/admin/forum/report-posting.tsx

@@ -1,12 +1,12 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ActionIcon,
-  BaseBox,
   Divider,
+  LoaderCustom,
   SearchInput,
-  Spacing,
+  StackCustom,
   TextCustom,
-  ViewWrapper,
+  ViewWrapper
 } from "@/components";
 import { IconView } from "@/components/_Icon/IconComponent";
 import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
@@ -15,17 +15,47 @@ import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { router } from "expo-router";
+import { apiAdminForum } from "@/service/api-admin/api-admin-forum";
-import { useState } from "react";
+import { router, useFocusEffect } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
 
 export default function AdminForumReportPosting() {
-  const [openDrawer, setOpenDrawer] = useState(false);
+  const [listData, setListData] = useState<any[] | null>(null);
-  const [id, setId] = useState<any>();
+  const [loadList, setLoadList] = useState<boolean>(false);
+  const [search, setSearch] = useState<string>("");
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [search])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadList(true);
+
+      const response = await apiAdminForum({
+        category: "report_posting",
+        search: search,
+      });
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadList(false);
+    }
+  };
 
   const rightComponent = (
     <SearchInput
       containerStyle={{ width: "100%", marginBottom: 0 }}
-      placeholder="Cari"
+      placeholder="Cari Postingan"
+      value={search}
+      onChangeText={setSearch}
     />
   );
 
@@ -37,36 +67,49 @@ export default function AdminForumReportPosting() {
           rightComponent={rightComponent}
         />
 
-        <BaseBox>
+        <StackCustom gap={"sm"}>
           <AdminTitleTable title1="Aksi" title2="Pelapor" title3="Postingan" />
-          <Spacing />
+
           <Divider />
-          {Array.from({ length: 10 }).map((_, index) => (
+          {loadList ? (
+            <LoaderCustom />
+          ) : _.isEmpty(listData) ? (
+            <TextCustom  align="center" color="gray">
+              Belum ada data
+            </TextCustom>
+          ) : (
+            listData?.map((item: any, index: number) => (
               <AdminTableValue
                 key={index}
                 value1={
                   <ActionIcon
                     icon={
-                    <IconView size={ICON_SIZE_BUTTON} color={MainColor.black} />
+                      <IconView
+                        size={ICON_SIZE_BUTTON}
+                        color={MainColor.black}
+                      />
                     }
                     onPress={() => {
-                    router.push(`/admin/forum/${id}/list-report-posting`);
+                      router.push(
+                        `/admin/forum/${item?.Forum_Posting?.id}/list-report-posting`
+                      );
                     }}
                   />
                 }
-              value2={<TextCustom truncate={1}>Username username</TextCustom>}
+                value2={
+                  <TextCustom truncate={1}>
+                    {item?.User?.username || "-"}
+                  </TextCustom>
+                }
                 value3={
                   <TextCustom truncate={2} align="center">
-                  Lorem, ipsum dolor sit amet consectetur adipisicing elit.
+                    {item?.Forum_Posting?.diskusi || "-"}
-                  Omnis laborum doloremque eius velit voluptate corrupti vel,
-                  provident quaerat tempore animi sed accusamus amet.
-                  Temporibus, praesentium? Rem voluptatum nesciunt voluptas
-                  repellat.
                   </TextCustom>
                 }
               />
-          ))}
+            ))
-        </BaseBox>
+          )}
+        </StackCustom>
       </ViewWrapper>
     </>
   );

app/(application)/admin/voting/[id]/[status]/index.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   AlertDefaultSystem,
   BadgeCustom,
@@ -14,14 +15,42 @@ import AdminButtonReject from "@/components/_ShareComponent/Admin/ButtonReject";
 import AdminButtonReview from "@/components/_ShareComponent/Admin/ButtonReview";
 import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
 import { MainColor } from "@/constants/color-palet";
+import { apiAdminVotingById } from "@/service/api-admin/api-admin-voting";
+import { dateTimeView } from "@/utils/dateTimeView";
+import { Entypo } from "@expo/vector-icons";
 import dayjs from "dayjs";
-import { router, useLocalSearchParams } from "expo-router";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
+import { useCallback, useState } from "react";
 import { List } from "react-native-paper";
 
 export default function AdminVotingDetail() {
   const { id, status } = useLocalSearchParams();
 
+  const [data, setData] = useState<any | null>(null);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [id])
+  );
+
+  const onLoadData = async () => {
+    try {
+      const response = await apiAdminVotingById({
+        id: id as string,
+      });
+
+      console.log("[DATA BY ID]", JSON.stringify(response, null, 2));
+
+      if (response.success) {
+        setData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    }
+  };
+
   const colorBadge = () => {
     if (status === "publish") {
       return MainColor.green;
@@ -37,63 +66,53 @@ export default function AdminVotingDetail() {
   const listData = [
     {
       label: "Username",
-      value: "Bagas Banuna",
+      value: (data && data?.Author?.username) || "-",
     },
     {
       label: "Judul",
-      value: `Judul Proyek: ${id}Lorem ipsum dolor sit amet consectetur adipisicing elit.`,
+      value: (data && data?.title) || "-",
     },
     {
       label: "Status",
-      value: (
+      value:
+        data && data?.Voting_Status?.name ? (
           <BadgeCustom color={colorBadge()}>
-          {_.startCase(status as string)}
+            {_.startCase(data?.Voting_Status?.name)}
           </BadgeCustom>
+        ) : (
+          "-"
         ),
     },
     {
       label: "Mulai Voting",
-      value: dayjs().format("DD/MM/YYYY"),
+      value:
+        (data && data?.awalVote && dateTimeView({ date: data?.awalVote })) ||
+        "-",
     },
     {
       label: "Voting Berakhir",
-      value: dayjs().format("DD/MM/YYYY"),
+      value:
+        (data && data?.akhirVote && dateTimeView({ date: data?.akhirVote })) ||
+        "-",
     },
-
     {
       label: "Deskripsi",
-      value: "Lorem ipsum dolor sit amet consectetur adipisicing elit.",
+      value: (data && data?.deskripsi) || "-",
     },
     {
-      label: "Daftar Pilhan",
+      label: "Daftar Pilihan",
-      value: (
+      value:
-        <>
+        data && data?.Voting_DaftarNamaVote
+          ? data?.Voting_DaftarNamaVote?.map((item: any, i: number) => (
               <List.Item
-            title={<TextCustom>Pilihan 1</TextCustom>}
+                key={i}
+                title={<TextCustom>{item?.value}</TextCustom>}
                 left={(props) => (
-              <List.Icon {...props} icon="circle" color={MainColor.yellow} />
+                  <Entypo name="chevron-right" color={MainColor.yellow} />
                 )}
               />
-          <List.Item
+            ))
-            title={<TextCustom>Pilihan 2</TextCustom>}
+          : "-",
-            left={(props) => (
-              <List.Icon {...props} icon="circle" color={MainColor.yellow} />
-            )}
-          />
-          <List.Item
-            title={<TextCustom>Pilihan 3</TextCustom>}
-            left={(props) => (
-              <List.Icon {...props} icon="circle" color={MainColor.yellow} />
-            )}
-          />
-          <List.Item
-            title={<TextCustom>Pilihan 4</TextCustom>}
-            left={(props) => (
-              <List.Icon {...props} icon="circle" color={MainColor.yellow} />
-            )}
-          />
-        </>
-      ),
     },
   ];
 
@@ -121,11 +140,17 @@ export default function AdminVotingDetail() {
             </TextCustom>
             <Spacing />
             <Grid>
-             
               {Array.from({ length: 4 }).map((_, index) => (
-              <Grid.Col key={index} span={3} style={{ paddingRight: 3, paddingLeft: 3 }}>
+                <Grid.Col
+                  key={index}
+                  span={3}
+                  style={{ paddingRight: 3, paddingLeft: 3 }}
+                >
                   <StackCustom gap={"sm"}>
-                  <CircleContainer value={index % 3 * 3} style={{ alignSelf: "center" }} />
+                    <CircleContainer
+                      value={(index % 3) * 3}
+                      style={{ alignSelf: "center" }}
+                    />
                     <TextCustom size="small" align="center">
                       Pilihan {index + 1}
                     </TextCustom>

app/(application)/admin/voting/[status]/status.tsx

@@ -1,8 +1,11 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ActionIcon,
   BaseBox,
+  LoaderCustom,
   SearchInput,
   Spacing,
+  StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
@@ -11,17 +14,53 @@ import AdminTitleTable from "@/components/_ShareComponent/Admin/TableTitle";
 import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
+import { apiAdminVoting } from "@/service/api-admin/api-admin-voting";
 import { Octicons } from "@expo/vector-icons";
-import { router, useLocalSearchParams } from "expo-router";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
+import { useState, useCallback } from "react";
 import { Divider } from "react-native-paper";
 
 export default function AdminVotingStatus() {
   const { status } = useLocalSearchParams();
+  console.log("[STATUS]", status);
+
+  const [list, setList] = useState<any | null>(null);
+  const [loadList, setLoadList] = useState(false);
+  const [search, setSearch] = useState<string>("");
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [status, search])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadList(true);
+      const response = await apiAdminVoting({
+        category: status as "publish" | "review" | "reject" as any,
+        search,
+      });
+
+      // console.log("[LIST BY STATUS]", JSON.stringify(response, null, 2));
+
+      if (response.success) {
+        setList(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadList(false);
+    }
+  };
+
   const rightComponent = (
     <SearchInput
       containerStyle={{ width: "100%", marginBottom: 0 }}
       placeholder="Cari"
+      value={search}
+      onChangeText={setSearch}
     />
   );
   return (
@@ -32,18 +71,17 @@ export default function AdminVotingStatus() {
           rightComponent={rightComponent}
         />
 
-        <BaseBox>
+        <StackCustom gap={"sm"}>
           <AdminTitleTable
             title1="Aksi"
             title2="Username"
             title3="Judul Voting"
           />
-          <Spacing />
           <Divider />
 
-          {Array.from({ length: 10 }).map((_, index) => (
+          {loadList ? <LoaderCustom/> : _.isEmpty(list) ? <TextCustom align="center" bold color="gray">Belum ada data</TextCustom> : list.map((item: any, i: number) => (
             <AdminTableValue
-              key={index}
+              key={i}
               value1={
                 <ActionIcon
                   icon={
@@ -54,22 +92,19 @@ export default function AdminVotingStatus() {
                     />
                   }
                   onPress={() => {
-                    router.push(`/admin/voting/${index}/${status}`);
+                    router.push(`/admin/voting/${item.id}/${status}`);
                   }}
                 />
               }
-              value2={<TextCustom truncate={1}>Username username</TextCustom>}
+              value2={<TextCustom truncate={1}>{item?.Author?.username || "-"}</TextCustom>}
               value3={
-                <TextCustom truncate={2}>
+                <TextCustom align="center" truncate={2}>
-                  Lorem ipsum dolor sit amet consectetur adipisicing elit.
+                  {item?.title || "-"}
-                  Blanditiis asperiores quidem deleniti architecto eaque et
-                  nostrum, ad consequuntur eveniet quisquam quae voluptatum
-                  ducimus! Dolorem nobis modi officia debitis, beatae mollitia.
                 </TextCustom>
               }
             />
           ))}
-        </BaseBox>
+        </StackCustom>
       </ViewWrapper>
     </>
   );

app/(application)/admin/voting/index.tsx

@@ -8,8 +8,56 @@ import {
 import AdminComp_BoxDashboard from "@/components/_ShareComponent/Admin/BoxDashboard";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { MainColor } from "@/constants/color-palet";
+import { apiAdminVoting } from "@/service/api-admin/api-admin-voting";
+import { useFocusEffect } from "expo-router";
+import { useCallback, useState } from "react";
 
 export default function AdminVoting() {
+  const [data, setData] = useState<any | null>(null);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [])
+  );
+
+  const onLoadData = async () => {
+    try {
+      const response = await apiAdminVoting({
+        category: "dashboard",
+      });
+      
+      if (response.success) {
+        setData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    }
+  };
+
+  const listData = [
+    {
+      label: "Publish",
+      value: (data && data?.publish) || 0,
+      icon: <IconPublish size={25} color={MainColor.green} />,
+    },
+    {
+      label: "Review",
+      value: (data && data?.review) || 0,
+      icon: <IconReview size={25} color={MainColor.orange} />,
+    },
+    {
+      label: "Reject",
+      value: (data && data?.reject) || 0,
+      icon: <IconReject size={25} color={MainColor.red} />,
+    },
+    {
+      label: "Riwayat",
+      value: (data && data?.history) || 0,
+      icon: <IconArchive size={25} color={MainColor.white_gray} />,
+    },
+  ];
+
   return (
     <>
       <ViewWrapper>
@@ -24,26 +72,3 @@ export default function AdminVoting() {
     </>
   );
 }
-
-const listData = [
-  {
-    label: "Publish",
-    value: 4,
-    icon: <IconPublish size={25} color={MainColor.green} />,
-  },
-  {
-    label: "Review",
-    value: 7,
-    icon: <IconReview size={25} color={MainColor.orange} />,
-  },
-  {
-    label: "Reject",
-    value: 5,
-    icon: <IconReject size={25} color={MainColor.red} />,
-  },
-  {
-    label: "Riwayat",
-    value: 5,
-    icon: <IconArchive size={25} color={MainColor.white_gray} />,
-  },
-];

screens/Admin/listPageAdmin.tsx

@@ -69,7 +69,7 @@ const adminListMenu: NavbarItem[] = [
       { label: "Dashboard", link: "/admin/forum" },
       { label: "Posting", link: "/admin/forum/posting" },
       { label: "Report Posting", link: "/admin/forum/report-posting" },
-      { label: "Report Comment", link: "/admin/forum/report-comment" },
+      { label: "Report Komentar", link: "/admin/forum/report-comment" },
     ],
   },
   {
@@ -162,7 +162,7 @@ const superAdminListMenu: NavbarItem[] = [
       { label: "Dashboard", link: "/admin/forum" },
       { label: "Posting", link: "/admin/forum/posting" },
       { label: "Report Posting", link: "/admin/forum/report-posting" },
-      { label: "Report Comment", link: "/admin/forum/report-comment" },
+      { label: "Report Komentar", link: "/admin/forum/report-comment" },
     ],
   },
   {

service/api-admin/api-admin-forum.ts

@@ -41,3 +41,51 @@ export async function apiAdminForumCommentById({
     throw error;
   }
 }
+
+export async function apiAdminForumListReportCommentById({
+  id,
+}: {
+  id: string;
+}) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/admin/forum/${id}/report-comment`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiAdminForumDeactivateComment({ id }: { id: string }) {
+  try {
+    const response = await apiConfig.put(`/mobile/admin/forum/${id}/comment`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiAdminForumListReportPostingById({
+  id,
+}: {
+  id: string;
+}) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/admin/forum/${id}/report-posting`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiAdminForumDeactivatePosting({ id }: { id: string }) {
+  try {
+    const response = await apiConfig.put(`/mobile/admin/forum/${id}`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}

service/api-admin/api-admin-voting.ts

@@ -0,0 +1,31 @@
+import { apiConfig } from "../api-config";
+
+export async function apiAdminVoting({
+  category,
+  search,
+}: {
+  category: "dashboard" | "history" | "publish" | "review" | "report";
+  search?: string;
+}) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/admin/voting?category=${category}&search=${search}`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiAdminVotingById({
+  id,
+}: {
+  id: string;
+}) {
+  try {
+    const response = await apiConfig.get(`/mobile/admin/voting/${id}`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}