# fix

- Ganti Appshell ke tamplate buatan sendiri pada Investasi
## No Issuee

src/app/dev/investasi/berita/[id]/loading.tsx

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

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

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

src/app/dev/investasi/create_berita/[id]/loading.tsx

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

src/app/dev/investasi/detail/[id]/loading.tsx

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

src/app/dev/investasi/detail_berita/[id]/loading.tsx

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

src/app/dev/investasi/detail_dokumen/[id]/loading.tsx

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

src/app/dev/investasi/detail_portofolio/draft/[id]/loading.tsx

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

src/app/dev/investasi/detail_portofolio/publish/[id]/loading.tsx

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

src/app/dev/investasi/detail_portofolio/reject/[id]/loading.tsx

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

src/app/dev/investasi/detail_portofolio/review/[id]/loading.tsx

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

src/app/dev/investasi/detail_prospektus/[id]/loading.tsx

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

src/app/dev/investasi/detail_saham_terbeli/[id]/loading.tsx

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

src/app/dev/investasi/dialog_page/create/loading.tsx

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

src/app/dev/investasi/dialog_page/transaksi_saham/loading.tsx

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

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

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

src/app/dev/investasi/edit_berita/[id]/loading.tsx

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

src/app/dev/investasi/edit_dokumen/[id]/loading.tsx

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

src/app/dev/investasi/edit_intro/[id]/loading.tsx

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

src/app/dev/investasi/edit_prospektus/[id]/loading.tsx

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

src/app/dev/investasi/list_edit_berita/[id]/loading.tsx

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

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

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

src/app/dev/investasi/metode_transfer/[id]/loading.tsx

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

src/app/dev/investasi/proses_investasi/[id]/loading.tsx

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

src/app/dev/investasi/proses_transaksi/[id]/loading.tsx

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

src/app/dev/investasi/status_pesanan/[id]/loading.tsx

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

src/app/dev/investasi/status_transaksi/berhasil/loading.tsx

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

src/app/dev/investasi/status_transaksi/gagal/[id]/loading.tsx

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

src/app/dev/investasi/transfer/[id]/loading.tsx

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

src/app/dev/investasi/upload/loading.tsx

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

src/app/dev/investasi/upload_bukti/loading.tsx

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

src/app/dev/investasi/upload_dokumen/[id]/loading.tsx

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

src/app/dev/investasi/upload_prospektus/[id]/loading.tsx

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

src/app_modules/crowd/main/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
 import { IconArrowLeft } from "@tabler/icons-react";
@@ -14,11 +15,11 @@ export default function LayoutMainCrowd({
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentGlobal_HeaderTamplate route="/dev/home" title="HIPMI Crowd Funding" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/crowd/main/view.tsx

@@ -11,6 +11,7 @@ import {
   Flex,
   Grid,
   Image,
+  Loader,
   Paper,
   Stack,
   Text,
@@ -19,12 +20,15 @@ import {
 import { IconChevronRight } from "@tabler/icons-react";
 import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
+import { useState } from "react";
 import toast from "react-simple-toasts";
 
 export default function MainCrowd() {
   const router = useRouter();
   const [changeColor, setChangeColor] = useAtom(gs_investasiFooter);
-  const [donasiHotMenu, setDonasiHotMenu] = useAtom(gs_donasi_hot_menu)
+  const [donasiHotMenu, setDonasiHotMenu] = useAtom(gs_donasi_hot_menu);
+  const [loadingInv, setLoadingInv] = useState(false);
+  const [loadingDon, setLoadingDon] = useState(false);
   return (
     <>
       <Stack>
@@ -37,10 +41,12 @@ export default function MainCrowd() {
         </Paper>
         <Stack>
           <Paper
-            p={"xs"}
+            shadow="lg"
+            p={"md"}
             radius={"md"}
-            bg={"teal"}
+            bg={"teal.4"}
             onClick={() => {
+              setLoadingInv(true);
               router.push(RouterCrowd.investasi);
               setChangeColor(0);
             }}
@@ -49,35 +55,39 @@ export default function MainCrowd() {
               <Grid.Col span={10}>
                 <Title order={4}> Investasi</Title>
                 <Text fz={12}>
-                  Buat investasi dan jual beli saham lebih mudah dengan pengguna lain dengan CROWD INVESTASI
+                  Buat investasi dan jual beli saham lebih mudah dengan pengguna
+                  lain dengan CROWD INVESTASI
                 </Text>
               </Grid.Col>
               <Grid.Col span={2}>
                 <Stack h={"100%"} justify="center" align="center">
-                  <IconChevronRight />
+                  {loadingInv ? <Loader /> : <IconChevronRight />}
                 </Stack>
               </Grid.Col>
             </Grid>
           </Paper>
           <Paper
-            bg={"blue.4"}
+            shadow="lg"
+            bg={"blue.3"}
             radius={"md"}
-            p={"xs"}
+            p={"md"}
             onClick={() => {
-              router.push(RouterCrowd.donasi)
-              setDonasiHotMenu(0)
+              setLoadingDon(true);
+              router.push(RouterCrowd.donasi);
+              setDonasiHotMenu(0);
             }}
           >
-           <Grid>
+            <Grid>
               <Grid.Col span={10}>
                 <Title order={4}> Donasi</Title>
                 <Text fz={12}>
-                 Berbagi info untuk berdonasi lebih luas dan lebih mudah dengan CROWD DONASI
+                  Berbagi info untuk berdonasi lebih luas dan lebih mudah dengan
+                  CROWD DONASI
                 </Text>
               </Grid.Col>
               <Grid.Col span={2}>
                 <Stack h={"100%"} justify="center" align="center">
-                  <IconChevronRight />
+                  {loadingDon ? <Loader /> : <IconChevronRight />}
                 </Stack>
               </Grid.Col>
             </Grid>

src/app_modules/investasi/berita/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutBeritaInvestasi({
   }) {
     return (
       <>
-        <AppShell header={<ComponentGlobal_HeaderTamplate title="Berita" />}>
+        <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Berita" />}>
           {children}
-        </AppShell>
+        </AppComponentGlobal_LayoutTamplate>
       </>
     );
   }

src/app_modules/investasi/create/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,13 +12,13 @@ export default function InvestasiCreateLayout({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate  title="Investasi Baru" />
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/create_berita/layout.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { Warna } from "@/app/lib/warna";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell, Button, Center, Footer } from "@mantine/core";
 import { IconPencilPlus } from "@tabler/icons-react";
@@ -11,24 +12,24 @@ import toast from "react-simple-toasts";
 
 export default function LayoutCreateBeritaInvestasi({
   children,
-  idInves
+  idInves,
 }: {
   children: React.ReactNode;
-  idInves: string
+  idInves: string;
 }) {
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentGlobal_HeaderTamplate title="Buat Berita" />}
         // footer={
         //   <Footer height={70} sx={{ borderStyle: "none" }}>
-           
+
         //   </Footer>
         // }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail/layout.tsx

@@ -1,8 +1,16 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
-import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
-import { IconArrowLeft, IconEdit } from "@tabler/icons-react";
+import {
+  ActionIcon,
+  AppShell,
+  Group,
+  Header,
+  Text,
+  Title,
+} from "@mantine/core";
+import { IconArrowLeft, IconChevronLeft, IconEdit } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { title } from "process";
 import React from "react";
@@ -15,19 +23,26 @@ export default function LayoutDetailInvestasi({
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
-          <Header height={50}>
+          <Header height={50} style={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
-              <ActionIcon variant="transparent" onClick={() => {
-                router.back()
-              }}>
-                <IconArrowLeft />
+              <ActionIcon
+                variant="transparent"
+                onClick={() => {
+                  router.back();
+                }}
+              >
+                <IconChevronLeft />
               </ActionIcon>
-              <Text>Detail Investasi</Text>
-              <ActionIcon variant="transparent" disabled onClick={() => {
-                router.replace("")
-              }}>
+              <Title order={5}>Detail Investasi</Title>
+              <ActionIcon
+                variant="transparent"
+                disabled
+                onClick={() => {
+                  router.replace("");
+                }}
+              >
                 {/* <IconEdit /> */}
               </ActionIcon>
             </Group>
@@ -35,7 +50,7 @@ export default function LayoutDetailInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_berita/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutDetailBeritaInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Detail Berita" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Detail Berita" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_dokumen/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutDetailDokumenInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Dokumen" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Dokumen" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_portofolio/draft/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
@@ -14,7 +15,7 @@ export default function LayoutDetailDraftInvestasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate
             title="Detail Draft"
@@ -24,7 +25,7 @@ export default function LayoutDetailDraftInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_portofolio/publish/layout.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate"
 import { AppShell } from "@mantine/core"
 import React from "react"
@@ -7,13 +8,13 @@ import React from "react"
 export default function LayoutDetailPublishInvestasi({children}: {children: React.ReactNode}){
     return<>
 
-    <AppShell
+    <AppComponentGlobal_LayoutTamplate
     header={
         <ComponentGlobal_HeaderTamplate title="Detail Publish"/>
     }
     >
         {children}
-    </AppShell>
+    </AppComponentGlobal_LayoutTamplate>
     
     </>
 }

src/app_modules/investasi/detail_portofolio/reject/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
@@ -14,7 +15,7 @@ export default function LayoutDetailRejecttInvestasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate
             title="Detail Reject"
@@ -24,7 +25,7 @@ export default function LayoutDetailRejecttInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_portofolio/review/layout.tsx

@@ -1,19 +1,22 @@
-"use client"
+"use client";
 
-import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate"
-import { AppShell } from "@mantine/core"
-import React from "react"
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
+import { AppShell } from "@mantine/core";
+import React from "react";
 
-export default function LayoutDetailReviewInvestasi({children}: {children: React.ReactNode}){
-    return<>
-
-    <AppShell
-    header={
-        <ComponentGlobal_HeaderTamplate title="Detail Review"/>
-    }
-    >
+export default function LayoutDetailReviewInvestasi({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <AppComponentGlobal_LayoutTamplate
+        header={<ComponentGlobal_HeaderTamplate title="Detail Review" />}
+      >
         {children}
-    </AppShell>
-    
+      </AppComponentGlobal_LayoutTamplate>
     </>
-}
+  );
+}

src/app_modules/investasi/detail_prospektus/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
 import { IconArrowLeft } from "@tabler/icons-react";
@@ -16,9 +17,11 @@ export default function LayoutDetailProspektus({
   const router = useRouter();
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Prospektus" />}>
+      <AppComponentGlobal_LayoutTamplate
+        header={<ComponentGlobal_HeaderTamplate title="Prospektus" />}
+      >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/detail_saham_terbeli/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutDetailSahamTerbeli({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Saham Terbeli" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Saham Terbeli" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/dialog_page/create/layout.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import {
   AppShell,
   CloseButton,
@@ -26,7 +27,7 @@ export default function LayoutDialogPageCreateInvestasi({
   }, []);
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         footer={
           <Footer height={80} sx={{ borderStyle: "none" }}>
             <Group spacing={4} position="center">
@@ -38,7 +39,7 @@ export default function LayoutDialogPageCreateInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/dialog_page/transaksi_saham/layout.tsx

@@ -6,6 +6,7 @@ import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import React from "react";
 import { gs_investasiFooter } from "../../g_state";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutCountDownTransaksiInvestasi({
   children,
@@ -13,18 +14,17 @@ export default function LayoutCountDownTransaksiInvestasi({
   children: React.ReactNode;
 }) {
   const router = useRouter();
-  const [hotMenu, setHotMenu] = useAtom(gs_investasiFooter)
+  const [hotMenu, setHotMenu] = useAtom(gs_investasiFooter);
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }} px={"md"}>
             <Group h={50} align="center">
               <CloseButton
                 size={"md"}
                 onClick={() => {
-                  router.push(RouterInvestasi.main_transaksi),
-                  setHotMenu(3)
+                  router.push(RouterInvestasi.main_transaksi), setHotMenu(3);
                 }}
               />
               <Text>Status Transfer</Text>
@@ -33,7 +33,7 @@ export default function LayoutCountDownTransaksiInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/edit/layout.tsx

@@ -1,13 +1,14 @@
 "use client"
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate"
 import { AppShell } from "@mantine/core"
 import React from "react"
 
 export default function LayoutEditInvestasi({children}: {children: React.ReactNode}){
     return<>
-    <AppShell header={<ComponentGlobal_HeaderTamplate title="Edit Portofolio Investasi"/>}>
+    <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Edit Portofolio Investasi"/>}>
         {children}
-    </AppShell>
+    </AppComponentGlobal_LayoutTamplate>
     </>
 }

src/app_modules/investasi/edit_berita/layout.tsx

@@ -2,6 +2,7 @@
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import { Warna } from "@/app/lib/warna";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell, Button, Center, Footer } from "@mantine/core";
 import { useRouter } from "next/navigation";
@@ -13,19 +14,19 @@ export default function LayoutEditBeritaInvestasi({
 }: {
   children: React.ReactNode;
 }) {
-  const router = useRouter()
+  const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentGlobal_HeaderTamplate title="Edit Berita" />}
         // footer={
         //   <Footer height={70} sx={{ borderStyle: "none" }}>
-           
+
         //   </Footer>
         // }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/edit_dokumen/layout.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
@@ -15,7 +16,7 @@ export default function LayoutEditDokumenInvestasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate
             title="Edit Dokumen"
@@ -25,7 +26,7 @@ export default function LayoutEditDokumenInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/edit_intro/layout.tsx

@@ -1,23 +1,22 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell, Stack, Text } from "@mantine/core";
 import React from "react";
 
 export default function LayoutEditIntroInvestasi({
-
   children,
 }: {
-
   children: React.ReactNode;
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Edit Intro" />}>
-        <Stack>
-          {children}
-        </Stack>
-      </AppShell>
+      <AppComponentGlobal_LayoutTamplate
+        header={<ComponentGlobal_HeaderTamplate title="Edit Intro" />}
+      >
+        <Stack>{children}</Stack>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/edit_propektus/layout.tsx

@@ -7,6 +7,7 @@ import { IconEdit } from "@tabler/icons-react";
 import React from "react";
 import getOneInvestasiById from "../fun/get_one_investasi_by_id";
 import { MODEL_Investasi } from "../model/model_investasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutEditProspektusInvestasi({
   children,
@@ -17,7 +18,7 @@ export default function LayoutEditProspektusInvestasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate
             title="Edit Prospektus"
@@ -27,7 +28,7 @@ export default function LayoutEditProspektusInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/list_edit_berita/layout.tsx

@@ -6,6 +6,7 @@ import { AppShell } from "@mantine/core";
 import { IconPencilPlus } from "@tabler/icons-react";
 import React from "react";
 import getOneInvestasiById from "../fun/get_one_investasi_by_id";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutListEditBeritaInvestasi({
   children,
@@ -16,7 +17,7 @@ export default function LayoutListEditBeritaInvestasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate
             title="List Berita"
@@ -26,7 +27,7 @@ export default function LayoutListEditBeritaInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/main/layout.tsx

@@ -26,6 +26,7 @@ import { useRouter } from "next/navigation";
 import React, { useState } from "react";
 import { gs_investasiFooter } from "../g_state";
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutMainInvestasi({
   children,
@@ -64,7 +65,7 @@ export default function LayoutMainInvestasi({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentGlobal_HeaderTamplate
             route="/dev/crowd/main"
@@ -83,13 +84,20 @@ export default function LayoutMainInvestasi({
                   span={3}
                   onClick={() => {
                     router.push(e.route);
-                    setActive(k)
+                    setActive(k);
                   }}
                 >
                   <Center>
                     <Flex direction={"column"} align={"center"} w={"100%"}>
-                      <ActionIcon variant="transparent" c={active === k ? "green" : "white"}>{e.icon}</ActionIcon>
-                      <Text c={active === k ? "green" : "white"}>{e.name}</Text>
+                      <ActionIcon
+                        variant="transparent"
+                        c={active === k ? "green" : "white"}
+                      >
+                        {e.icon}
+                      </ActionIcon>
+                      <Text c={active === k ? "green" : "white"} fz={"xs"}>
+                        {e.name}
+                      </Text>
                     </Flex>
                   </Center>
                 </Grid.Col>
@@ -99,7 +107,7 @@ export default function LayoutMainInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/metode_transfer/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,13 @@ export default function LayoutMetodeTransferInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Pilih Metode Transfer" />}>
+      <AppComponentGlobal_LayoutTamplate
+        header={
+          <ComponentGlobal_HeaderTamplate title="Pilih Metode Transfer" />
+        }
+      >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/portofolio/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import {
   AppShell,
   Box,
@@ -16,14 +17,12 @@ export default function LayoutPortofolioInvestasi({
   children: React.ReactNode;
 }) {
   const [active, setActive] = useState(0);
-  
 
   return (
     <>
-      <AppShell
-      >
+      <AppComponentGlobal_LayoutTamplate>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/proses_investasi/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,11 +12,11 @@ export default function LayoutProsesInvestasi({
 }) {
   return (
     <>
-      <AppShell
-      header={
-        <ComponentGlobal_HeaderTamplate title="Proses Investasi"/>
-      }
-      >{children}</AppShell>
+      <AppComponentGlobal_LayoutTamplate
+        header={<ComponentGlobal_HeaderTamplate title="Proses Investasi" />}
+      >
+        {children}
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/proses_transaksi/layout.tsx

@@ -8,6 +8,7 @@ import { gs_midtrans_snap } from "../g_state";
 import { IconArrowLeft } from "@tabler/icons-react";
 import { title } from "process";
 import { useRouter } from "next/navigation";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutProsesTransaksiInvestasi({
   children,
@@ -19,7 +20,7 @@ export default function LayoutProsesTransaksiInvestasi({
   // console.log(snapShow)
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
@@ -38,7 +39,7 @@ export default function LayoutProsesTransaksiInvestasi({
         }
       >
         <Box>{children}</Box>
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/status_pesanan/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
 import { IconArrowLeft } from "@tabler/icons-react";
@@ -14,7 +15,7 @@ export default function LayoutStatusPesananInvestasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50}>
             <Group h={50} position="center" px={"md"}>
@@ -24,7 +25,7 @@ export default function LayoutStatusPesananInvestasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/status_transaksi/gagal/layout.tsx

@@ -16,6 +16,7 @@ import {
 import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import { gs_investasiFooter } from "../../g_state";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutStatusTransaksiInvestasi_Gagal({
   children,
@@ -27,7 +28,7 @@ export default function LayoutStatusTransaksiInvestasi_Gagal({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50}>
             <Group position="apart" align="center" h={50} px={"md"}>
@@ -61,7 +62,7 @@ export default function LayoutStatusTransaksiInvestasi_Gagal({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/status_transaksi/layout.tsx

@@ -17,9 +17,9 @@ import { useRouter } from "next/navigation";
 import React from "react";
 import { gs_investasiFooter } from "../g_state";
 import { Warna } from "@/app/lib/warna";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
-export default function LayoutStatusTransaksiInvestasi(
-  {
+export default function LayoutStatusTransaksiInvestasi({
   children,
 }: {
   children: React.ReactNode;
@@ -29,7 +29,7 @@ export default function LayoutStatusTransaksiInvestasi(
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50}>
             <Group position="apart" align="center" h={50} px={"md"}>
@@ -63,7 +63,7 @@ export default function LayoutStatusTransaksiInvestasi(
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/transaksi/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell, Title } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutTransaksiInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<Title order={6}>History transaksi</Title>}>
+      <AppComponentGlobal_LayoutTamplate header={<Title order={6}>History transaksi</Title>}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/transfer/layout.tsx

@@ -18,6 +18,7 @@ import { useAtom } from "jotai";
 import { useRouter } from "next/navigation";
 import React from "react";
 import { gs_investasiFooter } from "../g_state";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutTransferInvestasi({
   children,
@@ -29,7 +30,7 @@ export default function LayoutTransferInvestasi({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50}>
             <Group position="apart" h={50} px={"md"}>
@@ -51,7 +52,7 @@ export default function LayoutTransferInvestasi({
         // }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/upload/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutUploadGambarInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Upload Gambar Investasi" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Upload Gambar Investasi" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/upload_bukti/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutBuktiTransferInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Upload Bukti Transfer" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Upload Bukti Transfer" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/upload_dokumen/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutUploadDokumenInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Upload Dokumen" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Upload Dokumen" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/upload_prospektus/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,9 +12,9 @@ export default function LayoutUploadProspektusInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<ComponentGlobal_HeaderTamplate title="Upload Prospektus" />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentGlobal_HeaderTamplate title="Upload Prospektus" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }