# fix

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

src/app_modules/event/create/layout.tsx

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

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

@@ -5,6 +5,7 @@ import React from "react";
 import ComponentEvent_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit } from "@tabler/icons-react";
 import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutEvent_DetailDraft({
   children,
@@ -15,11 +16,11 @@ export default function LayoutEvent_DetailDraft({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentEvent_HeaderTamplate title="Detail Draft" icon={<IconEdit/>} route2={RouterEvent.edit + eventId}/>}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

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

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

src/app_modules/event/detail/main_detail/layout.tsx

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

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

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

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

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

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

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

src/app_modules/event/detail/riwayat/layout.tsx

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

src/app_modules/event/edit/layout.tsx

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

src/app_modules/event/main/beranda.tsx

@@ -37,6 +37,7 @@ export default function Event_Beranda({
   dataEvent: MODEL_EVENT[];
 }) {
   const router = useRouter();
+  const [loading, setLoading] = useState(false);
 
   // if (_.isEmpty(dataEvent))
   //   return (
@@ -48,13 +49,17 @@ export default function Event_Beranda({
   //   );
   return (
     <>
-      <Affix position={{ bottom: rem(100), right: rem(30) }}>
+      <Affix position={{ bottom: rem(150), right: rem(30) }}>
         <ActionIcon
+          loading={loading ? true : false}
           size={"xl"}
           radius={"xl"}
           variant="transparent"
           bg={"blue"}
-          onClick={() => router.push(RouterEvent.create)}
+          onClick={() => {
+            setLoading(true);
+            router.push(RouterEvent.create);
+          }}
         >
           <IconCirclePlus color="white" size={40} />
         </ActionIcon>

src/app_modules/event/main/layout.tsx

@@ -25,6 +25,7 @@ import { useAtom } from "jotai";
 import { gs_event_hotMenu, gs_event_status } from "../global_state";
 import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
 import { RouterHome } from "@/app/lib/router_hipmi/router_home";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutEvent_Main({
   children,
@@ -62,7 +63,7 @@ export default function LayoutEvent_Main({
   ];
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentEvent_HeaderTamplate
             title="Event"
@@ -70,40 +71,45 @@ export default function LayoutEvent_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 justify="center" h={"100%"}>
+              <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>
+            </Stack>
           </Footer>
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }