# fix

- Merubah Appshell dengan tamplate layout sendiri di module berikut:
- Forum
- Job
- Event
- Voting
## No Issuee

src/app_modules/forum/create/layout.tsx

@@ -3,6 +3,7 @@
 import { AppShell } from "@mantine/core";
 import React from "react";
 import ComponentForum_HeaderTamplate from "../component/header/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_Create({
   children,
@@ -11,9 +12,9 @@ export default function LayoutForum_Create({
 }) {
   return (
     <>
-      <AppShell header={<ComponentForum_HeaderTamplate title="Tambah Postingan" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentForum_HeaderTamplate title="Tambah Postingan" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/detail/layout.tsx

@@ -7,6 +7,7 @@ import { useRouter } from "next/navigation";
 import { IconChevronLeft } from "@tabler/icons-react";
 import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
 import { revalidatePath } from "next/cache";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export const dynamic = "force-dynamic";
 export default function LayoutForum_Detail({
@@ -21,7 +22,7 @@ export default function LayoutForum_Detail({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} px={"md"}>
@@ -42,7 +43,7 @@ export default function LayoutForum_Detail({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/edit/komentar/layout.tsx

@@ -3,6 +3,7 @@
 import { AppShell } from "@mantine/core";
 import React from "react";
 import ComponentForum_HeaderTamplate from "../../component/header/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_EditKomentar({
   children,
@@ -11,11 +12,11 @@ export default function LayoutForum_EditKomentar({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentForum_HeaderTamplate title="Edit Komentar" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/edit/posting/layout.tsx

@@ -3,6 +3,7 @@
 import { AppShell } from "@mantine/core";
 import React from "react";
 import ComponentForum_HeaderTamplate from "../../component/header/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_EditPosting({
   children,
@@ -11,11 +12,11 @@ export default function LayoutForum_EditPosting({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentForum_HeaderTamplate title="Edit Postingan" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/forumku/layout.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import ComponentForum_HeaderTamplate from "../component/header/header_tamplate";
 import { MODEL_USER } from "@/app_modules/home/model/interface";
 import { IconX } from "@tabler/icons-react";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_Forumku({
   children,
@@ -15,11 +16,16 @@ export default function LayoutForum_Forumku({
 }) {
   return (
     <>
-      <AppShell
-        header={<ComponentForum_HeaderTamplate title={`${username}`} changeIconBack={<IconX/>}/>}
+      <AppComponentGlobal_LayoutTamplate
+        header={
+          <ComponentForum_HeaderTamplate
+            title={`${username}`}
+            changeIconBack={<IconX />}
+          />
+        }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/komentar/layout.tsx

@@ -12,6 +12,7 @@ import { IconChevronLeft } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import React from "react";
 import ComponentForum_HeaderTamplate from "../component/header/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_Komentar({
   children,
@@ -21,7 +22,7 @@ export default function LayoutForum_Komentar({
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} px={"md"}>
@@ -40,7 +41,7 @@ export default function LayoutForum_Komentar({
         // header={<ComponentForum_HeaderTamplate title="Komentar" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/main/layout.tsx

@@ -24,6 +24,7 @@ import { title } from "process";
 import { MODEL_USER } from "@/app_modules/home/model/interface";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_Main({
   children,
@@ -56,7 +57,7 @@ export default function LayoutForum_Main({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
@@ -131,7 +132,7 @@ export default function LayoutForum_Main({
         // }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/report/komentar/layout.tsx

@@ -6,6 +6,7 @@ import ComponentForum_HeaderTamplate from "../../component/header/header_tamplat
 import { IconChevronLeft, IconX } from "@tabler/icons-react";
 import router from "next/router";
 import ComponentForum_HeaderRataKiri from "../../component/header/header_rata_kiri";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_ReportKomentar({
   children,
@@ -14,13 +15,13 @@ export default function LayoutForum_ReportKomentar({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentForum_HeaderRataKiri title="Mengumpulkan Informasi Komentar"/>
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/forum/report/posting/layout.tsx

@@ -6,6 +6,7 @@ import ComponentForum_HeaderTamplate from "../../component/header/header_tamplat
 import { IconChevronLeft, IconX } from "@tabler/icons-react";
 import router from "next/router";
 import ComponentForum_HeaderRataKiri from "../../component/header/header_rata_kiri";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutForum_ReportPosting({
   children,
@@ -14,13 +15,13 @@ export default function LayoutForum_ReportPosting({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentForum_HeaderRataKiri title="Mengumpulkan Informasi Posting" />
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }