From 509b26894cc3417f3266edf67780d476834cbaa3 Mon Sep 17 00:00:00 2001
From: Bagasbanuna02 <bagasbanuna02@gmail.com>
Date: Fri, 7 Mar 2025 14:50:19 +0800
Subject: [PATCH] fix ui job

---
 src/app/api/job/route.ts                      |  2 +-
 src/app_modules/_global/ui/new_ui_content.tsx | 10 +++-
 .../_global/ui/new_ui_tamplate.tsx            |  2 +-
 src/app_modules/home/v2_home_view.tsx         |  2 +-
 src/app_modules/job/main/arsip/ui_arsip.tsx   | 54 -------------------
 src/app_modules/job/main/arsip/view_arsip.tsx | 10 ++--
 .../job/main/beranda/view_beranda.tsx         | 48 +++++++++--------
 src/app_modules/job/main/new_layout.tsx       | 15 +-----
 src/app_modules/job/main/status/ui_status.tsx |  1 -
 9 files changed, 45 insertions(+), 99 deletions(-)
 delete mode 100644 src/app_modules/job/main/arsip/ui_arsip.tsx

diff --git a/src/app/api/job/route.ts b/src/app/api/job/route.ts
index ebb86e25..61b1acb6 100644
--- a/src/app/api/job/route.ts
+++ b/src/app/api/job/route.ts
@@ -10,7 +10,7 @@ export async function GET(request: Request) {
     const { searchParams } = new URL(request.url);
     const search = searchParams.get("search");
     const page = searchParams.get("page");
-    const dataTake = 5;
+    const dataTake = 10
     const dataSkip = Number(page) * dataTake - dataTake;
 
     if (!page) {
diff --git a/src/app_modules/_global/ui/new_ui_content.tsx b/src/app_modules/_global/ui/new_ui_content.tsx
index ca290179..a886cab5 100644
--- a/src/app_modules/_global/ui/new_ui_content.tsx
+++ b/src/app_modules/_global/ui/new_ui_content.tsx
@@ -1,6 +1,12 @@
 import { Box } from "@mantine/core";
 
-export function NewUI_Content({ children }: { children: React.ReactNode }) {
+export function NewUI_Content({
+  children,
+  isScroll,
+}: {
+  children: React.ReactNode;
+  isScroll?: React.CSSProperties["overflowY"];
+}) {
   return (
     <>
       <Box
@@ -10,7 +16,7 @@ export function NewUI_Content({ children }: { children: React.ReactNode }) {
           bottom: "10vh", // Berakhir di atas footer
           left: 0,
           right: 0,
-          overflowY: "auto", // Bisa di-scroll
+          overflowY: isScroll ? isScroll : "hidden", // Bisa di-scroll
           padding: "16px",
           maxWidth: "500px", // Batasi lebar maksimum untuk tampilan mobile
           margin: "0 auto", // Pusatkan di tengah layar desktop
diff --git a/src/app_modules/_global/ui/new_ui_tamplate.tsx b/src/app_modules/_global/ui/new_ui_tamplate.tsx
index 0ce2c583..39dbd6b8 100644
--- a/src/app_modules/_global/ui/new_ui_tamplate.tsx
+++ b/src/app_modules/_global/ui/new_ui_tamplate.tsx
@@ -14,7 +14,7 @@ export function NewUI_Tamplate({ children }: { children: React.ReactNode }) {
         position: "relative",
         maxWidth: "500px", // Batasi lebar maksimum untuk tampilan mobile
         margin: "0 auto", // Pusatkan di tengah layar desktop
-        border: "1px solid #ccc", // Garis tepi untuk visualisasi
+        // border: "1px solid #ccc", // Garis tepi untuk visualisasi
       }}
     >
       <BackgroundImage
diff --git a/src/app_modules/home/v2_home_view.tsx b/src/app_modules/home/v2_home_view.tsx
index 34d5b068..6a0092af 100644
--- a/src/app_modules/home/v2_home_view.tsx
+++ b/src/app_modules/home/v2_home_view.tsx
@@ -158,7 +158,7 @@ export function V2_View_Home() {
           }
         />
 
-        <NewUI_Content>
+        <NewUI_Content isScroll="auto">
           <BodyHome dataUser={dataUser} />
         </NewUI_Content>
 
diff --git a/src/app_modules/job/main/arsip/ui_arsip.tsx b/src/app_modules/job/main/arsip/ui_arsip.tsx
deleted file mode 100644
index 1222d3b1..00000000
--- a/src/app_modules/job/main/arsip/ui_arsip.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-"use client";
-
-import { RouterJob } from "@/lib/router_hipmi/router_job";
-import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
-import { Box, Center, Loader } from "@mantine/core";
-import _ from "lodash";
-import { ScrollOnly } from "next-scroll-loader";
-import { useState } from "react";
-import ComponentJob_CardStatus from "../../component/card/card_view";
-import { job_getAllArsipById } from "../../fun/get/get_all_arsip";
-import { MODEL_JOB } from "../../model/interface";
-
-export function Job_UI_Arsip({ listData }: { listData: MODEL_JOB[] }) {
-  const [data, setData] = useState(listData);
-  const [activePage, setActivePage] = useState(1);
-
-  return (
-    <>
-      {_.isEmpty(data) ? (
-        <ComponentGlobal_IsEmptyData />
-      ) : (
-        // --- Main component --- //
-        <Box>
-          <ScrollOnly
-            height="85vh"
-            renderLoading={() => (
-              <Center mt={"lg"}>
-                <Loader color={"yellow"} />
-              </Center>
-            )}
-            data={data}
-            setData={setData}
-            moreData={async () => {
-              const loadData = await job_getAllArsipById({
-                page: activePage + 1,
-              });
-
-              setActivePage((val) => val + 1);
-
-              return loadData;
-            }}
-          >
-            {(item) => (
-              <ComponentJob_CardStatus
-                data={item}
-                path={RouterJob.detail_arsip}
-              />
-            )}
-          </ScrollOnly>
-        </Box>
-      )}
-    </>
-  );
-}
diff --git a/src/app_modules/job/main/arsip/view_arsip.tsx b/src/app_modules/job/main/arsip/view_arsip.tsx
index cede63f8..b7c47a7f 100644
--- a/src/app_modules/job/main/arsip/view_arsip.tsx
+++ b/src/app_modules/job/main/arsip/view_arsip.tsx
@@ -5,7 +5,7 @@ import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
 import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
 import { RouterJob } from "@/lib/router_hipmi/router_job";
 import { clientLogger } from "@/util/clientLogger";
-import { Box, Stack } from "@mantine/core";
+import { Box, Center, Stack } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import _ from "lodash";
 import { ScrollOnly } from "next-scroll-loader";
@@ -86,8 +86,12 @@ export default function Job_ViewArsip() {
         // --- Main component --- //
         <Box>
           <ScrollOnly
-            height="85vh"
-            renderLoading={() => <ComponentGlobal_Loader />}
+            height="80vh"
+            renderLoading={() => (
+              <Center>
+                <ComponentGlobal_Loader />
+              </Center>
+            )}
             data={data}
             setData={setData}
             moreData={handleMoreData}
diff --git a/src/app_modules/job/main/beranda/view_beranda.tsx b/src/app_modules/job/main/beranda/view_beranda.tsx
index 184d2495..cff0ab5c 100644
--- a/src/app_modules/job/main/beranda/view_beranda.tsx
+++ b/src/app_modules/job/main/beranda/view_beranda.tsx
@@ -4,7 +4,7 @@ import { gs_jobTiggerBeranda } from "@/lib/global_state";
 import { RouterJob } from "@/lib/router_hipmi/router_job";
 import ComponentGlobal_CreateButton from "@/app_modules/_global/component/button_create";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
-import { Center, Loader, Stack, TextInput } from "@mantine/core";
+import { Box, Center, Loader, Stack, TextInput } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { IconSearch } from "@tabler/icons-react";
 import { useAtom } from "jotai";
@@ -102,7 +102,7 @@ export default function Job_ViewBeranda() {
 
   return (
     <>
-      <Stack spacing={30}>
+      <Stack spacing={"sm"}>
         {isShowUpdate && (
           <Job_ComponentButtonUpdateBeranda
             onSetIsNewPost={(val) => {
@@ -125,32 +125,34 @@ export default function Job_ViewBeranda() {
           }}
           radius={"xl"}
           icon={<IconSearch />}
-          placeholder="Pekerjaan apa yang anda cari ?"
+          placeholder="Pekerjaan apa yang anda cari ni?"
           onChange={(val) => {
             onSearch(val.currentTarget.value);
           }}
         />
 
-        {!data?.length && isLoading ? (
-          <Job_ComponentSkeletonBeranda />
-        ) : _.isEmpty(data) ? (
-          <ComponentGlobal_IsEmptyData />
-        ) : (
-          // --- Main component --- //
-          <ScrollOnly
-            height="75vh"
-            renderLoading={() => (
-              <Center mt={"lg"}>
-                <Loader color={"yellow"} />
-              </Center>
-            )}
-            data={data}
-            setData={setData as any}
-            moreData={handleMoreData}
-          >
-            {(item) => <ComponentJob_BerandaCardView data={item} />}
-          </ScrollOnly>
-        )}
+        <Box mb={"xl"}>
+          {!data?.length && isLoading ? (
+            <Job_ComponentSkeletonBeranda />
+          ) : _.isEmpty(data) ? (
+            <ComponentGlobal_IsEmptyData />
+          ) : (
+            // --- Main component --- //
+            <ScrollOnly
+              height="75vh"
+              renderLoading={() => (
+                <Center mt={"lg"}>
+                  <Loader color={"yellow"} />
+                </Center>
+              )}
+              data={data}
+              setData={setData as any}
+              moreData={handleMoreData}
+            >
+              {(item) => <ComponentJob_BerandaCardView data={item} />}
+            </ScrollOnly>
+          )}
+        </Box>
       </Stack>
     </>
   );
diff --git a/src/app_modules/job/main/new_layout.tsx b/src/app_modules/job/main/new_layout.tsx
index 28244456..98e51167 100644
--- a/src/app_modules/job/main/new_layout.tsx
+++ b/src/app_modules/job/main/new_layout.tsx
@@ -49,9 +49,9 @@ export default function NewLayoutJob_Main({
   return (
     <>
       <NewUI_Tamplate>
-        <NewUI_Header title="Job" routerLeft={RouterHome.main_home} />
+        <NewUI_Header title="Job ni" routerLeft={RouterHome.main_home} />
 
-        <NewUI_Content>{children}</NewUI_Content>
+        <NewUI_Content isScroll="unset">{children}</NewUI_Content>
 
         <NewUI_Footer>
           <SimpleGrid cols={3} h={"9vh"} mx={"xs"} w={"100%"}>
@@ -82,17 +82,6 @@ export default function NewLayoutJob_Main({
         </NewUI_Footer>
       </NewUI_Tamplate>
 
-      {/* <UIGlobal_LayoutTamplate
-        header={
-          <UIGlobal_LayoutHeaderTamplate
-            title="Job"
-            routerLeft={RouterHome.main_home}
-          />
-        }
-        footer={}
-      >
-        {children}
-      </UIGlobal_LayoutTamplate> */}
     </>
   );
 }
diff --git a/src/app_modules/job/main/status/ui_status.tsx b/src/app_modules/job/main/status/ui_status.tsx
index 0f25e43a..4c6058f4 100644
--- a/src/app_modules/job/main/status/ui_status.tsx
+++ b/src/app_modules/job/main/status/ui_status.tsx
@@ -25,7 +25,6 @@ export default function Job_UiStatus() {
   return (
     <>
       <Tabs
-        mt={1}
         color="yellow"
         variant="pills"
         radius={"xl"}