# fix

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

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>
     </>
   );
 }