# fix

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

src/app_modules/vote/create/layout.tsx

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

src/app_modules/vote/detail/draft/layout.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import ComponentVote_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit } from "@tabler/icons-react";
 import { RouterVote } from "@/app/lib/router_hipmi/router_vote";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutVote_DetailDraft({
   children,
@@ -15,7 +16,7 @@ export default function LayoutVote_DetailDraft({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentVote_HeaderTamplate
             title="Detail Draft"
@@ -25,7 +26,7 @@ export default function LayoutVote_DetailDraft({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/vote/detail/kontribusi/layout.tsx

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

src/app_modules/vote/detail/main/layout.tsx

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

src/app_modules/vote/detail/publish/layout.tsx

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

src/app_modules/vote/detail/reject/layout.tsx

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

src/app_modules/vote/detail/review/layout.tsx

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

src/app_modules/vote/detail/riwayat_saya/layout.tsx

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

src/app_modules/vote/detail/semua_riwayat/layout.tsx

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

src/app_modules/vote/edit/layout.tsx

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

src/app_modules/vote/index.tsx

@@ -20,9 +20,9 @@ import Vote_MainDetail from "./detail/main";
 import LayoutVote_MainDetail from "./detail/main/layout";
 import Vote_DetailKontribusi from "./detail/kontribusi";
 import LayoutVote_DetailKontribusi from "./detail/kontribusi/layout";
-import Vote_DetailSemuaRiwayat from "./detail/semua_riwayat/page";
+import Vote_DetailSemuaRiwayat from "./detail/semua_riwayat";
 import LayoutVote_DetailSemuaRiwayat from "./detail/semua_riwayat/layout";
-import Vote_DetailRiwayatSaya from "./detail/riwayat_saya/page";
+import Vote_DetailRiwayatSaya from "./detail/riwayat_saya";
 import LayoutVote_DetailRiwayatSaya from "./detail/riwayat_saya/layout";
 
 export {

src/app_modules/vote/main/beranda.tsx

@@ -37,7 +37,7 @@ export default function Vote_Beranda({
 
   return (
     <>
-      <Affix position={{ bottom: rem(100), right: rem(30) }}>
+      <Affix position={{ bottom: rem(150), right: rem(30) }}>
         <ActionIcon
           size={"xl"}
           radius={"xl"}

src/app_modules/vote/main/layout.tsx

@@ -22,6 +22,7 @@ import {
 import { gs_vote_hotMenu } from "../global_state";
 import { useAtom } from "jotai";
 import { RouterHome } from "@/app/lib/router_hipmi/router_home";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutVote_Main({
   children,
@@ -61,7 +62,7 @@ export default function LayoutVote_Main({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentVote_HeaderTamplate
             title="Voting"
@@ -69,39 +70,42 @@ export default function LayoutVote_Main({
           />
         }
         footer={
-          <Footer height={70} bg={"dark"} sx={{ borderTop: "px solid blue" }}>
-            <Grid>
-              {listFooter.map((e, i) => (
-                <Grid.Col
-                  key={e.id}
-                  span={"auto"}
-                  pt={"md"}
-                  onClick={() => {
-                    router.replace(e.path);
-                    setHotMenu(i);
-                  }}
-                >
-                  <Center>
-                    <Stack align="center" spacing={0}>
-                      <ActionIcon
-                        variant="transparent"
-                        c={hotMenu === i ? "blue" : "white"}
-                      >
-                        {e.icon}
-                      </ActionIcon>
-                      <Text fz={10} c={hotMenu === i ? "blue" : "white"}>
-                        {e.name}
-                      </Text>
-                    </Stack>
-                  </Center>
-                </Grid.Col>
-              ))}
-            </Grid>
+          <Footer
+            height={"10vh"}
+            bg={"dark"}
+            sx={{ borderTop: "px solid blue" }}
+          >
+            <Stack h={"100%"} justify="center">
+              <Grid>
+                {listFooter.map((e, i) => (
+                  <Grid.Col key={e.id} span={"auto"} pt={"md"}>
+                    <Center
+                      onClick={() => {
+                        router.replace(e.path);
+                        setHotMenu(i);
+                      }}
+                    >
+                      <Stack align="center" spacing={0}>
+                        <ActionIcon
+                          variant="transparent"
+                          c={hotMenu === i ? "blue" : "white"}
+                        >
+                          {e.icon}
+                        </ActionIcon>
+                        <Text fz={10} c={hotMenu === i ? "blue" : "white"}>
+                          {e.name}
+                        </Text>
+                      </Stack>
+                    </Center>
+                  </Grid.Col>
+                ))}
+              </Grid>
+            </Stack>
           </Footer>
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }