UI Job

# style
- UI Job di bagian user selesai

# fix
- Scroll data untuk beranda dan tampilan yang lain selesi

## No issue

src/app/dev/job/create/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/arsip/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/arsip/[id]/page.tsx

@@ -1,9 +1,9 @@
 import {  Job_DetailArsip } from "@/app_modules/job";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 
 export default async function Page({params}:{params: {id: string}}) {
   let jobId = params.id
-  const dataJob = await Job_getOneById(jobId)
+  const dataJob = await job_getOneById(jobId)
   return (
     <>
       <Job_DetailArsip dataJob={dataJob as any} />

src/app/dev/job/detail/draft/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/draft/[id]/page.tsx

@@ -1,10 +1,10 @@
 import Job_DetailDraft from "@/app_modules/job/detail/draft/view";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 
 
 export default async function Page({params}: {params: {id: string}}) {
   let jobId = params.id
-  const dataJob = await Job_getOneById(jobId)
+  const dataJob = await job_getOneById(jobId)
 
   return (
     <>

src/app/dev/job/detail/main/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/main/[id]/page.tsx

@@ -1,11 +1,11 @@
 "use server";
 import { Job_MainDetail } from "@/app_modules/job";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 import app_config from "@/util/app_config";
 
 export default async function Page({ params }: { params: { id: string } }) {
   const idJob = params.id;
-  const dataJob = await Job_getOneById(idJob);
+  const dataJob = await job_getOneById(idJob);
 
   return (
     <>

src/app/dev/job/detail/publish/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/publish/[id]/page.tsx

@@ -1,9 +1,9 @@
 import { Job_DetailPublish } from "@/app_modules/job";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 
 export default async function Page({params}: {params: {id: string}}) {
   let jobId = params.id
-  const dataJob = await Job_getOneById(jobId)
+  const dataJob = await job_getOneById(jobId)
 
   return (
     <>

src/app/dev/job/detail/reject/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/reject/[id]/page.tsx

@@ -1,10 +1,10 @@
 
 import Job_DetailReject from "@/app_modules/job/detail/reject/view";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 
 export default async function Page({params}: {params: {id: string}}) {
   let jobId = params.id
-  const dataJob = await Job_getOneById(jobId)
+  const dataJob = await job_getOneById(jobId)
 
   return (
     <>

src/app/dev/job/detail/review/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/detail/review/[id]/page.tsx

@@ -1,5 +1,5 @@
 import Job_DetailReview from "@/app_modules/job/detail/review/view";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 import React from "react";
 
 export default async function Page({
@@ -8,7 +8,7 @@ export default async function Page({
   params: { id: React.ReactNode };
 }) {
   let jobId = params.id;
-  const dataJob = await Job_getOneById(jobId)
+  const dataJob = await job_getOneById(jobId)
 
   return (
     <>

src/app/dev/job/edit/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/edit/[id]/page.tsx

@@ -1,9 +1,9 @@
 import { Job_Edit } from "@/app_modules/job";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 
 export default async function Page({ params }: { params: { id: string } }) {
   let jobId = params.id;
-  const dataJob = await Job_getOneById(jobId);
+  const dataJob = await job_getOneById(jobId);
 
   return (
     <>

src/app/dev/job/main/arsip/page.tsx

@@ -1,12 +1,12 @@
 import { Job_Arsip } from "@/app_modules/job";
-import { Job_getListAllArsipById } from "@/app_modules/job/fun/get/get_list_all_arsip";
+import { job_getAllArsipById } from "@/app_modules/job/fun/get/get_all_arsip";
 
 export default async function Page() {
-  const dataJob = await Job_getListAllArsipById()
+  const dataJob = await job_getAllArsipById({ page: 1 });
 
   return (
     <>
-      <Job_Arsip dataJob={dataJob as any}/>
+      <Job_Arsip dataJob={dataJob as any} />
     </>
   );
 }

src/app/dev/job/main/beranda/page.tsx

@@ -1,12 +1,12 @@
-import { Job_Beranda } from "@/app_modules/job";
-import { Job_getAllListPublish } from "@/app_modules/job/fun/get/get_list_all_publish";
+import { Job_ViewBeranda } from "@/app_modules/job";
+import { job_getAllListPublish } from "@/app_modules/job/fun/get/get_all_publish";
 
 export default async function Page() {
-  const listJob = await Job_getAllListPublish();
+  const listJob = await job_getAllListPublish({ page: 1 });
 
   return (
     <>
-      <Job_Beranda listJob={listJob as any} />
+      <Job_ViewBeranda listJob={listJob as any} />
     </>
   );
 }

src/app/dev/job/main/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/main/status/page.tsx

@@ -1,13 +1,14 @@
 import { Job_Status } from "@/app_modules/job";
-import { Job_getListStatusByStatusId } from "@/app_modules/job/fun/get/get_list_status_by_status_id";
+import job_getAllStatusDraft from "@/app_modules/job/fun/get/status/get_list_draft";
+import job_getAllStatusPublish from "@/app_modules/job/fun/get/status/get_list_publish";
+import job_getAllStatusReject from "@/app_modules/job/fun/get/status/get_list_reject";
+import job_getAllStatusReview from "@/app_modules/job/fun/get/status/get_list_review";
 
 export default async function Page() {
-  const listPublish = await Job_getListStatusByStatusId("1");
-  const listReview = await Job_getListStatusByStatusId("2");
-  const listDraft = await Job_getListStatusByStatusId("3");
-  const listReject = await Job_getListStatusByStatusId("4");
-
-
+  const listPublish = await job_getAllStatusPublish({page: 1});
+  const listReview = await job_getAllStatusReview({ page: 1 });
+  const listDraft = await job_getAllStatusDraft({ page: 1 });
+  const listReject = await job_getAllStatusReject({page: 1});
 
   return (
     <>

src/app/dev/job/non_user_view/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/non_user_view/[id]/page.tsx

@@ -1,11 +1,9 @@
-"use server";
 import { Job_NonUserView } from "@/app_modules/job";
-import { Job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
-import os from "os";
+import { job_getOneById } from "@/app_modules/job/fun/get/get_one_by_id";
 
 export default async function Page({ params }: { params: { id: string } }) {
   let jobId = params.id;
-  const dataJob = await Job_getOneById(jobId);
+  const dataJob = await job_getOneById(jobId);
   // const platform = os.platform();
   // const hostName =
   //   platform === "darwin"

src/app/dev/job/splash/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/job/splash/page.tsx

@@ -1,9 +1,9 @@
-import { Job_Splash } from "@/app_modules/job";
+import { Job_ViewSplash } from "@/app_modules/job";
 
 export default async function Page() {
   return (
     <>
-      <Job_Splash />
+      <Job_ViewSplash />
     </>
   );
 }

src/app/emotion.tsx

@@ -1,7 +1,14 @@
 "use client";
+import { MainColor } from "@/app_modules/component_global/color/color_pallet";
 // import './globals.css'
 import { CacheProvider } from "@emotion/react";
-import { MantineProvider, useEmotionCache } from "@mantine/core";
+import {
+  Box,
+  Container,
+  MantineProvider,
+  rem,
+  useEmotionCache,
+} from "@mantine/core";
 import { Notifications } from "@mantine/notifications";
 import { useServerInsertedHTML } from "next/navigation";
 import "react-toastify/dist/ReactToastify.css";
@@ -33,8 +40,24 @@ export default function RootStyleRegistry({
           <MantineProvider withGlobalStyles withNormalizeCSS>
             <Notifications position="top-center" containerWidth={300} />
             {children}
-            {/* <ToastContainer position="bottom-center" />
-            <AppNotif /> */}
+            {/* <Box
+              bg={"#252A2F"}
+              pos={"fixed"}
+              w={"100%"}
+              h={"100%"}
+              style={{
+                overflowY: "auto",
+              }}
+            >
+              <Container
+                mih={"100vh"}
+                p={0}
+                size={rem(500)}
+                bg={MainColor.darkblue}
+              >
+                
+              </Container>
+            </Box> */}
           </MantineProvider>
         </CacheProvider>
       </body>

src/app/layout.tsx

@@ -1,5 +1,6 @@
 import MqttLoader from "@/util/mqtt_loader";
 import RootStyleRegistry from "./emotion";
+import { Container } from "@mantine/core";
 
 export default function RootLayout({
   children,

src/app/makuro/page.tsx

@@ -47,5 +47,5 @@ export default function App() {
     padding: 8,
   };
 
-  return <Coba />;
+  return <></>;
 }