# fix

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

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