fix event

deskripsi:
- fix api status event

src/app/api/event/status/[name]/route.ts

@@ -0,0 +1,85 @@
+import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
+import backendLogger from "@/util/backendLogger";
+import _ from "lodash";
+import { NextResponse } from "next/server";
+
+export async function GET(
+  request: Request,
+  { params }: { params: { name: string } }
+) {
+  try {
+    let fixData;
+    const { name } = params;
+    const { searchParams } = new URL(request.url);
+    const page = searchParams.get("page");
+    const takeData = 6;
+    const skipData = Number(page) * takeData - takeData;
+
+    const userLoginId = await funGetUserIdByToken();
+    if (!userLoginId) {
+      return NextResponse.json(
+        {
+          success: false,
+          message: "Gagal mendapatkan data",
+          reason: "User Unauthorized",
+        },
+        {
+          status: 401,
+        }
+      );
+    }
+
+    if (!page) {
+      fixData = await prisma.event.findMany({
+        orderBy: {
+          updatedAt: "desc",
+        },
+        where: {
+          active: true,
+          authorId: userLoginId,
+          isArsip: false,
+        },
+        include: {
+          EventMaster_Status: true,
+        },
+      });
+    } else {
+      const fixStatusName = _.startCase(name);
+
+      fixData = await prisma.event.findMany({
+        take: takeData,
+        skip: skipData,
+        orderBy: {
+          tanggal: "asc",
+        },
+        where: {
+          active: true,
+          authorId: userLoginId,
+          isArsip: false,
+          EventMaster_Status: {
+            name: fixStatusName || name,
+          },
+        },
+        include: {
+          EventMaster_Status: true,
+        },
+      });
+    }
+
+    return NextResponse.json({
+      success: true,
+      message: "Success",
+      data: fixData,
+    });
+  } catch (error) {
+    backendLogger.error("Error get data event ", error);
+    return NextResponse.json(
+      {
+        success: false,
+        message: "Failed to get data",
+        reason: (error as Error).message,
+      },
+      { status: 500 }
+    );
+  }
+}

src/app/dev/event/main/status/[id]/page.tsx

@@ -1,25 +1,21 @@
 import { Event_StatusPage } from "@/app_modules/event";
 import {
-    event_getAllByStatusId,
+  event_getAllByStatusId,
-    event_getMasterStatus,
+  event_getMasterStatus,
 } from "@/app_modules/event/fun";
 
 async function Page({ params }: { params: { id: string } }) {
-  let statusId = params.id;
+  // let statusId = params.id;
-  const listStatus = await event_getMasterStatus();
+  // const listStatus = await event_getMasterStatus();
 
-  const dataStatus = await event_getAllByStatusId({
+  // const dataStatus = await event_getAllByStatusId({
-    page: 1,
+  //   page: 1,
-    statusId: statusId,
+  //   statusId: statusId,
-  });
+  // });
 
   return (
     <>
-      <Event_StatusPage
+      <Event_StatusPage />
-        statusId={statusId}
-        dataStatus={dataStatus}
-        listStatus={listStatus}
-      />
     </>
   );
 }

src/app_modules/event/component/box_list_status.tsx

@@ -39,7 +39,7 @@ export default function ComponentEvent_BoxListStatus({
             <Text c={MainColor.white} align="right" fz={"sm"} lineClamp={1}>
               {new Intl.DateTimeFormat("id-ID", {
                 dateStyle: "medium",
-              }).format(data.tanggal)}
+              }).format(new Date(data.tanggal))}
             </Text>
           </Group>
 

src/app_modules/event/component/button/api_fetch_event.ts

@@ -0,0 +1,45 @@
+export { apiGetEventByStatus };
+
+const apiGetEventByStatus = async ({
+  status,
+  page,
+}: {
+  status: string;
+  page: 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 isPage = `?page=${page}`;
+    const response = await fetch(`/api/event/status/${status}${isPage}`, {
+      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(
+        "Error updating portfolio logo:",
+        errorData?.message || "Unknown error"
+      );
+
+      return null;
+    }
+
+    return await response.json();
+  } catch (error) {
+    console.error("Error updating portfolio medsos:", error);
+    throw error; // Re-throw the error to handle it in the calling function
+  }
+};

src/app_modules/event/component/button/button_create_event.tsx

@@ -1,21 +1,19 @@
-import { IRealtimeData } from "@/lib/global_state";
-import { RouterEvent } from "@/lib/router_hipmi/router_event";
 import { MainColor } from "@/app_modules/_global/color";
 import {
   ComponentGlobal_NotifikasiBerhasil,
   ComponentGlobal_NotifikasiGagal,
-  ComponentGlobal_NotifikasiPeringatan,
 } from "@/app_modules/_global/notif_global";
 import { notifikasiToAdmin_funCreate } from "@/app_modules/notifikasi/fun";
+import { IRealtimeData } from "@/lib/global_state";
+import { RouterEvent } from "@/lib/router_hipmi/router_event";
 import { Button } from "@mantine/core";
 import { useAtom } from "jotai";
-import moment from "moment";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { WibuRealtime } from "wibu-pkg";
 import { Event_funCreate } from "../../fun/create/fun_create";
 import { gs_event_hotMenu } from "../../global_state";
-import { event_checkStatus } from "../../fun/get/fun_check_status_by_id";
+import { clientLogger } from "@/util/clientLogger";
 
 export default function Event_ComponentCreateButton({
   value,
@@ -31,42 +29,47 @@ export default function Event_ComponentCreateButton({
   const [isLoading, setLoading] = useState(false);
 
   async function onSave() {
-    
+    try {
-    const res = await Event_funCreate(value);
+      setLoading(true);
+      const res = await Event_funCreate(value);
 
-    if (res.status === 201) {
+      if (res.status === 201) {
-      const dataNotifikasi: IRealtimeData = {
+        const dataNotifikasi: IRealtimeData = {
-        appId: res.data?.id as any,
+          appId: res.data?.id as any,
-        status: res.data?.EventMaster_Status?.name as any,
+          status: res.data?.EventMaster_Status?.name as any,
-        userId: res.data?.authorId as any,
+          userId: res.data?.authorId as any,
-        pesan: res.data?.title as any,
+          pesan: res.data?.title as any,
-        kategoriApp: "EVENT",
+          kategoriApp: "EVENT",
-        title: "Event baru",
+          title: "Event baru",
-      };
+        };
 
-      const notif = await notifikasiToAdmin_funCreate({
+        const notif = await notifikasiToAdmin_funCreate({
-        data: dataNotifikasi as any,
+          data: dataNotifikasi as any,
-      });
-
-      if (notif.status === 201) {
-        WibuRealtime.setData({
-          type: "notification",
-          pushNotificationTo: "ADMIN",
         });
 
-        WibuRealtime.setData({
+        if (notif.status === 201) {
-          type: "trigger",
+          WibuRealtime.setData({
-          pushNotificationTo: "ADMIN",
+            type: "notification",
-          dataMessage: dataNotifikasi,
+            pushNotificationTo: "ADMIN",
-        });
+          });
 
-        ComponentGlobal_NotifikasiBerhasil(res.message);
+          WibuRealtime.setData({
-        setHotMenu(1);
+            type: "trigger",
-        setLoading(true);
+            pushNotificationTo: "ADMIN",
-        router.push(RouterEvent.status({ id: "2" }), { scroll: false });
+            dataMessage: dataNotifikasi,
+          });
+
+          ComponentGlobal_NotifikasiBerhasil(res.message);
+          setHotMenu(1);
+          router.push(RouterEvent.status({ id: "2" }), { scroll: false });
+        }
+      } else {
+        setLoading(false);
+        ComponentGlobal_NotifikasiGagal(res.message);
       }
-    } else {
+    } catch (error) {
-      ComponentGlobal_NotifikasiGagal(res.message);
+      setLoading(false);
+      clientLogger.error("Error create event", error);
     }
   }
 

src/app_modules/event/fun/create/fun_create.ts

@@ -6,33 +6,40 @@ import { revalidatePath } from "next/cache";
 import _ from "lodash";
 
 export async function Event_funCreate(req: MODEL_EVENT) {
-  const res = await prisma.event.create({
+  try {
-    data: {
+    const res = await prisma.event.create({
-      title: _.startCase(req.title),
+      data: {
-      lokasi: req.lokasi,
+        title: _.startCase(req.title),
-      deskripsi: req.deskripsi,
+        lokasi: req.lokasi,
-      eventMaster_TipeAcaraId: req.eventMaster_TipeAcaraId,
+        deskripsi: req.deskripsi,
-      tanggal: req.tanggal,
+        eventMaster_TipeAcaraId: req.eventMaster_TipeAcaraId,
-      tanggalSelesai: req.tanggalSelesai,
+        tanggal: req.tanggal,
-      authorId: req.authorId,
+        tanggalSelesai: req.tanggalSelesai,
-    },
+        authorId: req.authorId,
-    select: {
-      id: true,
-      title: true,
-      EventMaster_Status: {
-        select: {
-          name: true,
-        },
       },
-      authorId: true,
+      select: {
-    },
+        id: true,
-  });
+        title: true,
+        EventMaster_Status: {
+          select: {
+            name: true,
+          },
+        },
+        authorId: true,
+      },
+    });
 
-  if (!res) return { status: 400, message: "Gagal Disimpan" };
+    if (!res) return { status: 400, message: "Gagal disimpan" };
-  revalidatePath("/dev/event/main/status_page");
+    revalidatePath("/dev/event/main/status_page");
-  return {
+    return {
-    data: res,
+      data: res,
-    status: 201,
+      status: 201,
-    message: "Berhasil Disimpan",
+      message: "Berhasil disimpan",
-  };
+    };
+  } catch (error) {
+    return {
+      status: 500,
+      message: "Error create event",
+    };
+  }
 }

src/app_modules/event/main/status_page/index.tsx

@@ -7,28 +7,23 @@ import {
 } from "@/app_modules/_global/color/color_pallet";
 import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
 import { Box, Stack, Tabs } from "@mantine/core";
-import { useRouter } from "next/navigation";
+import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import Event_StatusDraft from "./draft";
 import Event_StatusPublish from "./publish";
 import Event_StatusReject from "./reject";
 import Event_StatusReview from "./review";
+import { globalStatusApp } from "@/app_modules/_global/lib";
+import Event_ViewStatus from "./view_status";
 
-export default function Event_StatusPage({
+export default function Event_StatusPage() {
-  statusId,
+  // const [changeStatus, setChangeStatus] = useState(statusId);
-  dataStatus,
+  // async function onChangeStatus({ statusId }: { statusId: string }) {
-  listStatus,
+  //   router.replace(RouterEvent.status({ id: statusId }));
-}: {
+  // }
-  statusId: string;
-  dataStatus: any[];
-  listStatus: MODEL_NEW_DEFAULT_MASTER[];
-}) {
   const router = useRouter();
-  const [changeStatus, setChangeStatus] = useState(statusId);
+  const param = useParams<{ id: string }>();
-
+  const statusId = param.id;
-  async function onChangeStatus({ statusId }: { statusId: string }) {
-    router.replace(RouterEvent.status({ id: statusId }));
-  }
 
   return (
     <>
@@ -36,10 +31,10 @@ export default function Event_StatusPage({
         variant="pills"
         radius="xl"
         mt={1}
-        value={changeStatus}
+        defaultValue={statusId}
+        value={statusId}
         onTabChange={(val: any) => {
-          setChangeStatus(val);
+          router.replace(RouterEvent.status({ id: val }));
-          onChangeStatus({ statusId: val });
         }}
         styles={{
           tabsList: {
@@ -52,18 +47,21 @@ export default function Event_StatusPage({
       >
         <Stack>
           <Tabs.List grow>
-            {listStatus.map((e) => (
+            {globalStatusApp.map((e) => (
               <Tabs.Tab
                 key={e.id}
                 value={e.id}
                 fw={"bold"}
                 style={{
                   transition: "0.5s",
-                  color: changeStatus === e.id ? MainColor.darkblue : MainColor.black,
+                  color:
+                    statusId === e.id
+                      ? MainColor.darkblue
+                      : MainColor.black,
                   backgroundColor:
-                    changeStatus === e.id ? MainColor.yellow : MainColor.white,
+                    statusId === e.id ? MainColor.yellow : MainColor.white,
                   border:
-                    changeStatus === e.id
+                    statusId === e.id
                       ? `1px solid ${AccentColor.yellow}`
                       : `1px solid ${MainColor.white}`,
                 }}
@@ -73,7 +71,9 @@ export default function Event_StatusPage({
             ))}
           </Tabs.List>
 
-          <Box>
+          <Event_ViewStatus/>
+
+          {/* <Box>
             {changeStatus === "1" && (
               <Event_StatusPublish listPublish={dataStatus} />
             )}
@@ -86,7 +86,7 @@ export default function Event_StatusPage({
             {changeStatus === "4" && (
               <Event_StatusReject listReject={dataStatus} />
             )}
-          </Box>
+          </Box> */}
         </Stack>
       </Tabs>
     </>

src/app_modules/event/main/status_page/view_status.tsx

@@ -0,0 +1,111 @@
+"use client";
+
+import { RouterEvent } from "@/lib/router_hipmi/router_event";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import { Box, Center, Stack } from "@mantine/core";
+import _ from "lodash";
+import { ScrollOnly } from "next-scroll-loader";
+import { useState } from "react";
+import ComponentEvent_BoxListStatus from "../../component/box_list_status";
+import { event_getAllByStatusId } from "../../fun";
+import { MODEL_EVENT } from "../../_lib/interface";
+import { useParams } from "next/navigation";
+import { globalStatusApp } from "@/app_modules/_global/lib";
+import { apiGetJobByStatus } from "@/app_modules/job/component/api_fetch_job";
+import { clientLogger } from "@/util/clientLogger";
+import { useShallowEffect } from "@mantine/hooks";
+import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
+import { apiGetEventByStatus } from "../../component/button/api_fetch_event";
+
+export default function Event_ViewStatus() {
+  const param = useParams<{ id: string }>();
+  const [data, setData] = useState<any[] | null>(null);
+  const [activePage, setActivePage] = useState(1);
+
+  useShallowEffect(() => {
+    handleLoadData();
+  }, []);
+
+  const handleLoadData = async () => {
+    try {
+      const cek = globalStatusApp.find((e) => e.id === param.id);
+      const response = await apiGetEventByStatus({
+        status: cek?.name as string,
+        page: `${activePage}`,
+      });
+      if (response.success) {
+        setData(response.data);
+      }
+    } catch (error) {
+      clientLogger.error("Error get job", error);
+    }
+  };
+
+  const hanldeMoreData = async () => {
+    try {
+      const cek = globalStatusApp.find((e) => e.id === param.id);
+      const nextPage = activePage + 1;
+      const response = await apiGetEventByStatus({
+        status: cek?.name as string,
+        page: `${nextPage}`,
+      });
+      if (response.success) {
+        setActivePage(nextPage);
+        return response.data;
+      }
+    } catch (error) {
+      clientLogger.error("Error get job", error);
+    }
+  };
+
+  if (!data)
+    return (
+      <>
+        <Stack>
+          <CustomSkeleton height={100} width={"100%"} />
+          <CustomSkeleton height={100} width={"100%"} />
+        </Stack>
+      </>
+    );
+
+  return (
+    <>
+      {_.isEmpty(data) ? (
+        <ComponentGlobal_IsEmptyData />
+      ) : (
+        // --- Main component --- //
+        <Box>
+          <ScrollOnly
+            height="75vh"
+            renderLoading={() => (
+              <Center mt={"lg"}>
+                <ComponentGlobal_Loader size={25} />
+              </Center>
+            )}
+            data={data}
+            setData={setData as any}
+            moreData={hanldeMoreData}
+          >
+            {(item) => (
+              <ComponentEvent_BoxListStatus
+                data={item}
+                path={
+                  param.id == "1"
+                    ? RouterEvent.detail_publish
+                    : param.id == "2"
+                      ? RouterEvent.detail_review
+                      : param.id == "3"
+                        ? RouterEvent.detail_draft
+                        : param.id == "4"
+                          ? RouterEvent.detail_reject
+                          : ""
+                }
+              />
+            )}
+          </ScrollOnly>
+        </Box>
+      )}
+    </>
+  );
+}

src/app_modules/user_search/component/api_fetch_user_search.ts

@@ -10,7 +10,7 @@ export const apiGetUserSearch = async ({
 
   const isPage = page ? `?page=${page}` : "";
   const isSearch = search ? `&search=${search}` : "";
-  console.log("page", page);
+
   const response = await fetch(`/api/user${isPage}${isSearch}`, {
     method: "GET",
     headers: {

src/middleware.ts

@@ -29,7 +29,7 @@ const middlewareConfig: MiddlewareConfig = {
     "/api/logs/*",
     "/api/auth/*",
     "/api/origin-url",
-    "/api/event/*",
+    // "/api/event/*",
 
     // ADMIN API
     // >> buat dibawah sini <<