fix forum

src/app_modules/_global/lib/api_user.ts

@@ -1,3 +1,4 @@
+import { apiGetUserProfile } from './../../user/lib/api_user';
 export const apiGetUserId = async () => {
   const { token } = await fetch("/api/get-cookie").then((res) => res.json());
   if (!token) return await token.json().catch(() => null);
@@ -58,3 +59,43 @@ export const apiGetAllUserWithExceptId = async ({
   });
   return await response.json().catch(() => null);
 };
+
+export const apiGetUserById = 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;
+    }
+
+    // Send PUT request to update portfolio logo
+    const response = await fetch(`/api/user/${id}`, {
+      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 user",
+        response.statusText,
+        errorData
+      );
+      throw new Error(
+        errorData?.message || "Failed to get user"
+      );
+    }
+
+    // Return the JSON response
+    return await response.json();
+  } catch (error) {
+    console.error("Error get user:", error);
+    throw error; // Re-throw the error to handle it in the calling function
+  }
+};

src/app_modules/forum/component/api_fetch_forum.ts

@@ -0,0 +1,41 @@
+export { apiGetAllForum };
+
+const apiGetAllForum = async ({
+  page,
+  search,
+}: {
+  page: string;
+  search?: 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 isSearch = search ? `&search=${search}` : "";
+    const response = await fetch(`/api/forum?page=${page}${isSearch}`, {
+      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
+  }
+};

src/app_modules/forum/main/beranda.tsx

@@ -23,35 +23,42 @@ import { useState } from "react";
 import ComponentForum_BerandaCardView from "../component/main_component/card_view";
 import { forum_new_getAllPosting } from "../fun/get/new_get_all_posting";
 import { MODEL_FORUM_POSTING } from "../model/interface";
+import { apiGetAllForum } from "../component/api_fetch_forum";
+import { clientLogger } from "@/util/clientLogger";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 
 export default function Forum_Beranda({
-  listForum,
   userLoginId,
 }: {
-  listForum: any;
   userLoginId: string;
 }) {
   const router = useRouter();
   const [scroll, scrollTo] = useWindowScroll();
 
-  const [data, setData] = useState<MODEL_FORUM_POSTING[]>(listForum);
+  const [data, setData] = useState<MODEL_FORUM_POSTING[] | null>(null);
   const [activePage, setActivePage] = useState(1);
   const [isSearch, setIsSearch] = useState("");
   const [isNewPost, setIsNewPost] = useState(false);
   const [countNewPost, setCountNewPost] = useState(0);
 
   useShallowEffect(() => {
-    onLoadAllData({
-      onLoad(val) {
-        setData(val);
-      },
-    });
-  }, [setData]);
+    handleLoadData(isSearch);
+  }, [isSearch]);
 
-  async function onLoadAllData({ onLoad }: { onLoad: (val: any) => void }) {
-    const loadData = await forum_new_getAllPosting({ page: 1 });
-    onLoad(loadData);
-  }
+  const handleLoadData = async (isSearch: string) => {
+    try {
+      const response = await apiGetAllForum({
+        page: `${activePage}`,
+        search: isSearch,
+      });
+
+      if (response) {
+        setData(response.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get data forum", error);
+    }
+  };
 
   useShallowEffect(() => {
     mqtt_client.subscribe("Forum_create_new");
@@ -83,7 +90,7 @@ export default function Forum_Beranda({
       if (topic === "Forum_detail_ganti_status") {
         const newData = JSON.parse(message.toString());
 
-        const updateOneData = cloneData.map((val) => ({
+        const updateOneData = cloneData?.map((val) => ({
           ...val,
           ForumMaster_StatusPosting: {
             id:
@@ -104,12 +111,8 @@ export default function Forum_Beranda({
 
   async function onSearch(text: string) {
     setIsSearch(text);
-    const loadSearch = await forum_new_getAllPosting({
-      page: activePage,
-      search: text,
-    });
-    setData(loadSearch as any);
     setActivePage(1);
+
   }
 
   return (
@@ -133,6 +136,7 @@ export default function Forum_Beranda({
 
       <Stack spacing={"xl"}>
         <TextInput
+          disabled={!data}
           radius={"xl"}
           placeholder="Topik forum apa yang anda cari hari ini ?"
           onChange={(val) => {
@@ -140,7 +144,12 @@ export default function Forum_Beranda({
           }}
         />
 
-        {_.isEmpty(data) ? (
+        {!data ? (
+          <Stack>
+            <CustomSkeleton height={230} width={"100%"} />
+            <CustomSkeleton height={230} width={"100%"} />
+          </Stack>
+        ) : _.isEmpty(data) ? (
           <Stack align="center" justify="center" h={"80vh"}>
             <IconSearchOff size={80} color="white" />
             <Stack spacing={0} align="center">
@@ -159,15 +168,22 @@ export default function Forum_Beranda({
               </Center>
             )}
             data={data}
-            setData={setData}
+            setData={setData as any}
             moreData={async () => {
-              const loadData = await forum_new_getAllPosting({
-                page: activePage + 1,
-                search: isSearch,
-              });
-              setActivePage((val) => val + 1);
+              try {
+                const nextPage = activePage + 1;
+                const response = await apiGetAllForum({
+                  page: `${nextPage}`,
+                  search: isSearch,
+                });
 
-              return loadData;
+                if (response) {
+                  setActivePage((val) => val + 1);
+                  return response.data;
+                }
+              } catch (error) {
+                clientLogger.error("Error get data forum", error);
+              }
             }}
           >
             {(item) => (

src/app_modules/forum/main/layout.tsx

@@ -9,17 +9,39 @@ import { MODEL_USER } from "@/app_modules/home/model/interface";
 import { ActionIcon, Avatar } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import React, { useState } from "react";
+import { useShallowEffect } from "@mantine/hooks";
+import { apiGetUserById } from "@/app_modules/_global/lib/api_user";
+import { clientLogger } from "@/util/clientLogger";
 
 export default function LayoutForum_Main({
+  userLoginId,
   children,
-  dataAuthor,
 }: {
+  userLoginId: string;
   children: React.ReactNode;
-  dataAuthor: MODEL_USER;
 }) {
   const router = useRouter();
+  const [data, setData] = useState<MODEL_USER | null>(null);
   const [isLoading, setIsLoading] = useState(false);
 
+  useShallowEffect(() => {
+    handleLoadData();
+  }, []);
+
+  const handleLoadData = async () => {
+    try {
+      const response = await apiGetUserById({
+        id: userLoginId,
+      });
+
+      if (response) {
+        setData(response.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get user", error);
+    }
+  };
+
   return (
     <>
       <UIGlobal_LayoutTamplate
@@ -27,15 +49,14 @@ export default function LayoutForum_Main({
           <UIGlobal_LayoutHeaderTamplate
             title="Forum"
             iconRight={
-              <ActionIcon
-                radius={"xl"}
-                variant="transparent"
-                onClick={() => {
-                  setIsLoading(true);
-                  router.push(RouterForum.forumku + dataAuthor?.id);
-                }}
-              >
-                {isLoading ? (
+              !data ? (
+                <ActionIcon
+                  radius={"xl"}
+                  variant="transparent"
+                  onClick={() => {
+                    return null;
+                  }}
+                >
                   <Avatar
                     size={30}
                     radius={"100%"}
@@ -47,13 +68,36 @@ export default function LayoutForum_Main({
                   >
                     <ComponentGlobal_Loader variant="dots" />
                   </Avatar>
-                ) : (
-                  <ComponentGlobal_LoaderAvatar
-                    fileId={dataAuthor.Profile.imageId as any}
-                    sizeAvatar={30}
-                  />
-                )}
-              </ActionIcon>
+                </ActionIcon>
+              ) : (
+                <ActionIcon
+                  radius={"xl"}
+                  variant="transparent"
+                  onClick={() => {
+                    setIsLoading(true);
+                    router.push(RouterForum.forumku + data?.id);
+                  }}
+                >
+                  {isLoading ? (
+                    <Avatar
+                      size={30}
+                      radius={"100%"}
+                      style={{
+                        borderColor: "white",
+                        borderStyle: "solid",
+                        borderWidth: "1px",
+                      }}
+                    >
+                      <ComponentGlobal_Loader variant="dots" />
+                    </Avatar>
+                  ) : (
+                    <ComponentGlobal_LoaderAvatar
+                      fileId={data.Profile.imageId as any}
+                      sizeAvatar={30}
+                    />
+                  )}
+                </ActionIcon>
+              )
             }
           />
         }

src/app_modules/map/_component/button/comp_button_save_pin.tsx

@@ -65,8 +65,6 @@ export function ComponentMap_ButtonSavePin({
       data: newData,
     });
 
-    console.log("respone >", respone);
-
     if (respone && respone.success) {
       ComponentGlobal_NotifikasiBerhasil(respone.message);
       router.back();