# fix

- Ganti Appshell dengan tamplate buatan sendiri di modul donasi
## No Issuue

src/app/dev/crowd/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/donasi/cerita_penggalang/[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/donasi/create/cerita_penggalang/[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/donasi/create/create_donasi/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/donasi/create/create_kabar/[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/donasi/detail/detail_donasi_saya/[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/donasi/detail/detail_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/donasi/detail/detail_kabar/[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/donasi/detail/detail_main/[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/donasi/detail/detail_notif/[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/donasi/detail/detail_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/donasi/detail/detail_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/donasi/detail/detail_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/donasi/donatur/[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/donasi/edit/edit_cerita/[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/donasi/edit/edit_donasi/[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/donasi/edit/edit_rekening/[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/donasi/edit/update_kabar/[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/donasi/kabar/[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/donasi/list_kabar/[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/donasi/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/donasi/notif_page/[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/donasi/page_pop_up/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/donasi/pencairan_dana/[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/donasi/penggalang_dana/[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/donasi/proses_donasi/invoice/[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/donasi/proses_donasi/masukan_donasi/[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/donasi/proses_donasi/metode_pembayaran/[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/donasi/proses_donasi/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_modules/donasi/create/create_kabar/layout.tsx

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

src/app_modules/donasi/create/layout.tsx

@@ -3,12 +3,13 @@
 import { AppShell } from "@mantine/core"
 import React from "react"
 import ComponentDonasi_HeaderTamplate from "../component/header_tamplate"
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
 
 export default function LayoutCreateDonasi({children}: {children: React.ReactNode}){
     return<>
-    <AppShell header={<ComponentDonasi_HeaderTamplate title="Buat Donasi"/>}>
+    <AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Buat Donasi"/>}>
         {children}
-    </AppShell>
+    </AppComponentGlobal_LayoutTamplate>
     
     </>
 }

src/app_modules/donasi/detail/deail_notif/layout.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import { useRouter } from "next/navigation";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDonasi_DetailNotif({
   children,
@@ -16,7 +17,7 @@ export default function LayoutDonasi_DetailNotif({
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentDonasi_HeaderTamplate title="Detail Pemberitahuan" />}
         footer={
           <Footer height={70} p={"md"}>
@@ -35,7 +36,7 @@ export default function LayoutDonasi_DetailNotif({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/detail/detail_donasi_saya/layout.tsx

@@ -4,13 +4,14 @@ import { AppShell } from "@mantine/core"
 import React from "react"
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate"
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi"
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
 
 export default function LayoutDetailDonasiSaya({children}: {children: React.ReactNode}){
     return<>
-    <AppShell
+    <AppComponentGlobal_LayoutTamplate
     header={<ComponentDonasi_HeaderTamplate title="Detail Donasi Saya" route={RouterDonasi.main_donasi_saya} />}
     >
         {children}
-    </AppShell>
+    </AppComponentGlobal_LayoutTamplate>
     </>
 }

src/app_modules/donasi/detail/detail_draft/layout.tsx

@@ -24,6 +24,7 @@ import router from "next/router";
 import { title } from "process";
 import { useRouter } from "next/navigation";
 import { data } from "autoprefixer";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDetailDraftDonasi({
   children,
@@ -36,7 +37,7 @@ export default function LayoutDetailDraftDonasi({
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
@@ -57,7 +58,7 @@ export default function LayoutDetailDraftDonasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
       <Modal opened={opened} onClose={close} centered withCloseButton={false}>
         <Stack>
           <Button

src/app_modules/donasi/detail/detail_kabar/layout.tsx

@@ -12,6 +12,7 @@ import { useRouter } from "next/navigation";
 import React from "react";
 import FooterDonasi from "../../component/footer_close_donasi";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDetailKabarDonasi({
   children,
@@ -21,12 +22,12 @@ export default function LayoutDetailKabarDonasi({
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentDonasi_HeaderTamplate title="Detail Kabar" hideBack={true} />}
         footer={<FooterDonasi />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/detail/detail_main/cerita_penggalang/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ButtonDonasi from "@/app_modules/donasi/component/footer_button_donasi";
 import FooterDonasi from "@/app_modules/donasi/component/footer_close_donasi";
 import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
@@ -18,11 +19,11 @@ export default function LayoutCeritaPenggalangDonasi({
   if (statusDonasiId !== "1") {
     return (
       <>
-        <AppShell
+        <AppComponentGlobal_LayoutTamplate
           header={<ComponentDonasi_HeaderTamplate title="Cerita Penggalang Dana" />}
         >
           {children}
-        </AppShell>
+        </AppComponentGlobal_LayoutTamplate>
       </>
     );
   }

src/app_modules/donasi/detail/detail_main/donatur/layout.tsx

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

src/app_modules/donasi/detail/detail_main/kabar/layout.tsx

@@ -1,16 +1,22 @@
-"use client"
+"use client";
 
-import { AppShell } from "@mantine/core"
+import { AppShell } from "@mantine/core";
-import React from "react"
+import React from "react";
-import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate"
+import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
-export default function LayoutKabarDonasi({children}: {children: React.ReactNode}){
+export default function LayoutKabarDonasi({
-    return<>
+  children,
-    <AppShell
+}: {
-    header={<ComponentDonasi_HeaderTamplate title="Kabar Terbaru"/>}
+  children: React.ReactNode;
-    >
+}) {
+  return (
+    <>
+      <AppComponentGlobal_LayoutTamplate
+        header={<ComponentDonasi_HeaderTamplate title="Kabar Terbaru" />}
+      >
         {children}
-    </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
-    
     </>
-}
+  );
+}

src/app_modules/donasi/detail/detail_main/layout.tsx

@@ -4,22 +4,23 @@ import { AppShell, Box, Button, Center, Footer } from "@mantine/core";
 import React from "react";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import ButtonDonasi from "../../component/footer_button_donasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDetailMainDonasi({
   children,
-  donasiId
+  donasiId,
 }: {
   children: React.ReactNode;
-  donasiId: string
+  donasiId: string;
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentDonasi_HeaderTamplate title="Detail Donasi" />}
-        footer={<ButtonDonasi  donasiId={donasiId}/>}
+        footer={<ButtonDonasi donasiId={donasiId} />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/detail/detail_main/pencairan_dana/layout.tsx

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

src/app_modules/donasi/detail/detail_main/penggalang_dana/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,12 +12,12 @@ export default function LayoutPenggalangDanaDonasi({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentDonasi_HeaderTamplate title="Informasi Penggalangan Dana" />}
         //   footer={<FooterDonasi />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/detail/detail_publish/layout.tsx

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

src/app_modules/donasi/detail/detail_reject/layout.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit, IconMessageShare } from "@tabler/icons-react";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default  function LayoutDetailRejectDonasi({
   children,
@@ -14,9 +15,9 @@ export default  function LayoutDetailRejectDonasi({
   
   return (
     <>
-      <AppShell header={<ComponentDonasi_HeaderTamplate title="Detail Reject"  />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Detail Reject"  />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/detail/detail_review/layout.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit, IconMessageShare } from "@tabler/icons-react";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default  function LayoutDetailReviewDonasi({
   children,
@@ -14,9 +15,9 @@ export default  function LayoutDetailReviewDonasi({
   
   return (
     <>
-      <AppShell header={<ComponentDonasi_HeaderTamplate title="Detail Review"  />}>
+      <AppComponentGlobal_LayoutTamplate header={<ComponentDonasi_HeaderTamplate title="Detail Review"  />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/edit/edit_cerita_penggalang/layout.tsx

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

src/app_modules/donasi/edit/edit_donasi/layout.tsx

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

src/app_modules/donasi/edit/edit_rekening/layout.tsx

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

src/app_modules/donasi/edit/list_kabar/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,10 +12,10 @@ export default function LayoutListKabarDonasi({
 }) {
   return (
     <>
-      <AppShell 
+      <AppComponentGlobal_LayoutTamplate 
       header={<ComponentDonasi_HeaderTamplate title="List Kabar" />}>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/edit/update_kabar/layout.tsx

@@ -17,19 +17,20 @@ import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.share
 import { Donasi_funDeleteKabar } from "../../fun/delete/fun_delete.kabar";
 import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
 import { NotifGagal } from "../../component/notifikasi/notif_gagal";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutUpdateKabarDonasi({
   children,
-  kabarId
+  kabarId,
 }: {
   children: React.ReactNode;
-  kabarId: string
+  kabarId: string;
 }) {
   const router = useRouter();
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentDonasi_HeaderTamplate title="Update Kabar" />}
         footer={
           <Footer height={70}>
@@ -37,7 +38,12 @@ export default function LayoutUpdateKabarDonasi({
               {/* <Button radius={"xl"} variant="outline" color="green">
                 Edit
               </Button> */}
-              <Button radius={"xl"} variant="outline" color="red" onClick={() => onDelete(router,kabarId )}>
+              <Button
+                radius={"xl"}
+                variant="outline"
+                color="red"
+                onClick={() => onDelete(router, kabarId)}
+              >
                 Hapus
               </Button>
             </Group>
@@ -45,19 +51,18 @@ export default function LayoutUpdateKabarDonasi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }
 
-async function onDelete(router: AppRouterInstance ,kabarId: string) {
+async function onDelete(router: AppRouterInstance, kabarId: string) {
-  await Donasi_funDeleteKabar(kabarId)
+  await Donasi_funDeleteKabar(kabarId).then((res) => {
-  .then((res) => {
+    if (res.status === 200) {
-    if(res.status === 200){
+      router.back();
-      router.back()
+      NotifBerhasil(res.message);
-      NotifBerhasil(res.message)
     } else {
-      NotifGagal(res.message)
+      NotifGagal(res.message);
     }
-  })
+  });
 }

src/app_modules/donasi/main/galang_dana.tsx

@@ -27,12 +27,12 @@ export default function GalangDanaDonasi({
   listPublish,
   listReview,
   listDraft,
-  listReject
+  listReject,
 }: {
   listPublish: any;
   listReview: any;
   listDraft: any;
-  listReject: any
+  listReject: any;
 }) {
   const router = useRouter();
   const [tabsPostingDonasi, setTabsPostingDonasi] = useAtom(
@@ -68,7 +68,7 @@ export default function GalangDanaDonasi({
 
   return (
     <>
-      <Affix position={{ bottom: rem(100), right: rem(20) }}>
+      <Affix position={{ bottom: rem(150), right: rem(20) }}>
         <Button
           radius={"xl"}
           bg={"orange"}

src/app_modules/donasi/main/layout.tsx

@@ -34,6 +34,7 @@ import { gs_donasi_hot_menu } from "../global_state";
 import { RouterCrowd } from "@/app/lib/router_hipmi/router_crowd";
 import { title } from "process";
 import _ from "lodash";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDonasi({
   children,
@@ -69,7 +70,7 @@ export default function LayoutDonasi({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
@@ -98,8 +99,8 @@ export default function LayoutDonasi({
           </Header>
         }
         footer={
-          <Footer height={70} bg={"dark"}>
+          <Footer height={"10vh"} bg={"dark"}>
-            <Grid align="center" h={60} pt={"xs"} grow>
+            <Grid align="center" h={"10vh"} pt={"xs"} grow>
               {/* Tampilan Bursa */}
               {listPage.map((e, i) => (
                 <Grid.Col
@@ -131,7 +132,7 @@ export default function LayoutDonasi({
       >
         {/* {JSON.stringify(isRead)} */}
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/proses_donasi/invoice/layout.tsx

@@ -10,6 +10,7 @@ import { useAtom } from "jotai";
 
 import { title } from "process";
 import { useRouter } from "next/navigation";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDonasi_InvoiceProses({
   children,
@@ -24,7 +25,7 @@ export default function LayoutDonasi_InvoiceProses({
   }
   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 LayoutDonasi_InvoiceProses({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/donasi/proses_donasi/masukan_donasi/layout.tsx

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

src/app_modules/donasi/proses_donasi/metode_pembayaran/layout.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate"
 import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate"
 import { AppShell } from "@mantine/core"
 import React from "react"
@@ -7,11 +8,11 @@ import React from "react"
 
 export default function LayoutDonasi_MetodePembayaran({children}: {children: React.ReactNode}){
     return<>
-    <AppShell
+    <AppComponentGlobal_LayoutTamplate
     header={<ComponentDonasi_HeaderTamplate title="Pilih Metode Pembayaran"/>}
     >
         {children}
-    </AppShell>
+    </AppComponentGlobal_LayoutTamplate>
     
     </>
 }

src/app_modules/donasi/proses_donasi/proses_transaksi/layout.tsx

@@ -8,6 +8,7 @@ import { useRouter } from "next/navigation";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import { useAtom } from "jotai";
 import { gs_donasi_hot_menu } from "../../global_state";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutDonasi_ProsesTransaksi({
   children,
@@ -22,7 +23,7 @@ export default function LayoutDonasi_ProsesTransaksi({
   }
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
@@ -36,7 +37,7 @@ export default function LayoutDonasi_ProsesTransaksi({
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/investasi/main/layout.tsx

@@ -75,8 +75,8 @@ export default function LayoutMainInvestasi({
           />
         }
         footer={
-          <Footer height={70} bg={"dark.4"}>
+          <Footer height={"10vh"} bg={"dark.4"}>
-            <Grid align="center" h={60} pt={"xs"} grow>
+            <Grid align="center" h={"10vh"} pt={"xs"} grow>
               {/* Tampilan Bursa */}
               {listFooter.map((e, k) => (
                 <Grid.Col
@@ -87,7 +87,7 @@ export default function LayoutMainInvestasi({
                     setActive(k);
                   }}
                 >
-                  <Center>
+                  <Center h={"100%"}>
                     <Flex direction={"column"} align={"center"} w={"100%"}>
                       <ActionIcon
                         variant="transparent"