fix ui tamplate

src/app_modules/job/main/new_layout.tsx

@@ -1,87 +1,31 @@
 "use client";
 
-import { MainColor } from "@/app_modules/_global/color/color_pallet";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
-import { NewUI_Content } from "@/app_modules/_global/ui/new_ui_content";
-import { NewUI_Footer } from "@/app_modules/_global/ui/new_ui_footer";
-import { NewUI_Header } from "@/app_modules/_global/ui/new_ui_header";
-import { NewUI_Tamplate } from "@/app_modules/_global/ui/new_ui_tamplate";
+import { Component_Header } from "@/app_modules/_global/component/new/component_header";
+import UI_NewLayoutTamplate, {
+  UI_NewChildren,
+  UI_NewFooter,
+  UI_NewHeader,
+} from "@/app_modules/_global/ui/V2_layout_tamplate";
 import { RouterHome } from "@/lib/router_hipmi/router_home";
-import { RouterJob } from "@/lib/router_hipmi/router_job";
-import { ActionIcon, SimpleGrid, Stack, Text } from "@mantine/core";
-import { IconHistory, IconHome, IconReservedLine } from "@tabler/icons-react";
-import { useAtom } from "jotai";
-import { useRouter } from "next/navigation";
-import React, { useState } from "react";
-import { gs_job_hot_menu } from "../global_state";
+import React from "react";
+import { NewFooter } from "../component/new_footer";
 
 export default function NewLayoutJob_Main({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const router = useRouter();
-  const [hotMenuId, setHotMenuId] = useAtom(gs_job_hot_menu);
-  const [isLoading, setLoading] = useState(false);
-
-  const listFooter = [
-    {
-      id: 1,
-      name: "Beranda",
-      path: RouterJob.beranda,
-      icon: <IconHome />,
-    },
-
-    {
-      id: 2,
-      name: "Status",
-      path: RouterJob.status({ id: "1" }),
-      icon: <IconReservedLine />,
-    },
-    {
-      id: 3,
-      name: "Arsip",
-      path: RouterJob.arsip,
-      icon: <IconHistory />,
-    },
-  ];
-
   return (
     <>
-      <NewUI_Tamplate>
-        <NewUI_Header title="Job ni" routerLeft={RouterHome.main_home} />
-
-        <NewUI_Content isScroll="unset">{children}</NewUI_Content>
-
-        <NewUI_Footer>
-          <SimpleGrid cols={3} h={"9vh"} mx={"xs"} w={"100%"}>
-            {listFooter.map((e, i) => (
-              <Stack key={i} align="center" justify="center" spacing={0}>
-                <ActionIcon
-                  // disabled={e.path === "" ? true : false}
-                  variant="transparent"
-                  c={hotMenuId === e.id ? MainColor.yellow : "white"}
-                  onClick={() =>
-                    e.path === ""
-                      ? ComponentGlobal_NotifikasiPeringatan("Cooming Soon")
-                      : (router.replace(e.path), setHotMenuId(e.id))
-                  }
-                >
-                  {e.icon}
-                </ActionIcon>
-                <Text
-                  c={hotMenuId === e.id ? MainColor.yellow : "white"}
-                  fz={"xs"}
-                  lineClamp={1}
-                >
-                  {e.name}
-                </Text>
-              </Stack>
-            ))}
-          </SimpleGrid>
-        </NewUI_Footer>
-      </NewUI_Tamplate>
-
+      <UI_NewLayoutTamplate>
+        <UI_NewHeader>
+          <Component_Header title="Job" routerLeft={RouterHome.main_home} />
+        </UI_NewHeader>
+        <UI_NewChildren>{children}</UI_NewChildren>
+        <UI_NewFooter>
+          <NewFooter />
+        </UI_NewFooter>
+      </UI_NewLayoutTamplate>
     </>
   );
 }