# fix

- Layout katalog dan porto clear
# No isuue

src/app_modules/katalog/main/layout.tsx

@@ -24,6 +24,7 @@ import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 import { title } from "process";
 import { RouterAdminDashboard } from "@/app/lib/router_hipmi/router_admin";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function KatalogLayout({
   children,
@@ -33,16 +34,44 @@ export default function KatalogLayout({
   profileId: any;
 }) {
   const router = useRouter();
+
+  return (
+    <>
+      <AppComponentGlobal_LayoutTamplate
+        header={
+          <Header height={50} sx={{ borderStyle: "none" }} bg={"black"}>
+            <Group h={50} position="apart" px={"md"}>
+              <ActionIcon
+                variant="transparent"
+                onClick={() => {
+                  router.back();
+                }}
+              >
+                <IconChevronLeft />
+              </ActionIcon>
+              <Title order={5} c={"white"}>
+                Katalog
+              </Title>
+              <ActionIcon variant="transparent" disabled></ActionIcon>
+              {/* <ActionIcon
+                variant="transparent"
+                onClick={() => router.push(RouterAdminDashboard.splash_admin)}
+              >
+                <IconDashboard />
+              </ActionIcon> */}
+            </Group>
+          </Header>
+        }
+      >
+        {children}
+      </AppComponentGlobal_LayoutTamplate>
+    </>
+  );
+
   return (
     <>
       <AppShell
         header={
-          // <ComponentKatalog_HeaderTamplate
-          //   title="Katalog"
-          //   bg={"black"}
-          //   titleColor="white"
-          //   // route={RouterHome.main_home}
-          // />
           <Header height={50} sx={{ borderStyle: "none" }} bg={"black"}>
             <Group h={50} position="apart" px={"md"}>
               <ActionIcon

src/app_modules/katalog/portofolio/create/layout.tsx

@@ -4,18 +4,19 @@ import { ActionIcon, AppShell, Group, Header, Text } from "@mantine/core";
 import { IconArrowLeft } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import ComponentKatalog_HeaderTamplate from "../../component/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function CreatePortofolioLayout({ children, profileId }: { children: any, profileId: any }) {
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <ComponentKatalog_HeaderTamplate title="Buat Portofolio"/>
         }
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/portofolio/edit/data/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentKatalog_HeaderTamplate from "@/app_modules/katalog/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -12,11 +13,11 @@ export default function LayoutPortofolio_EditDataBisnis({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentKatalog_HeaderTamplate title="Edit Data Bisnis" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/portofolio/edit/logo/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentKatalog_HeaderTamplate from "@/app_modules/katalog/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,11 +12,11 @@ export default function LayoutPortofolio_EditLogoBisnis({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentKatalog_HeaderTamplate title="Edit Logo Bisnis" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/portofolio/edit/medsos/layout.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 import ComponentKatalog_HeaderTamplate from "@/app_modules/katalog/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
@@ -11,11 +12,11 @@ export default function LayoutPortofolio_EditMedsosBisnis({
 }) {
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentKatalog_HeaderTamplate title="Edit Media Sosial" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/portofolio/main/layout.tsx

@@ -19,6 +19,7 @@ import { title } from "process";
 import { useDisclosure } from "@mantine/hooks";
 import { RouterPortofolio } from "@/app/lib/router_hipmi/router_katalog";
 import { useState } from "react";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function PortofolioLayout({
   children,
@@ -39,7 +40,7 @@ export default function PortofolioLayout({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={
           <Header height={50} sx={{ borderStyle: "none" }}>
             <Group h={50} position="apart" px={"md"}>
@@ -107,7 +108,7 @@ export default function PortofolioLayout({
           </Stack>
         </Modal>
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/profile/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 {
   ActionIcon,
@@ -13,26 +14,14 @@ import { IconArrowLeft } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 
 export default function ProfileLayout({ children }: { children: any }) {
-  const router = useRouter()
+  const router = useRouter();
   return (
     <>
-      <AppShell
-
-        header={
-          // <Header height={50} px={"sm"} sx={{borderBlockStyle: "none"}}>
-          //   <Group position="apart" h={50}>
-          //     <ActionIcon variant="transparent" onClick={() => router.push("/dev/home")}>
-          //       <IconArrowLeft />
-          //     </ActionIcon>
-          //     <Text>Create Profile</Text>
-          //     <ActionIcon variant="transparent"></ActionIcon>
-          //   </Group>
-          // </Header>
-          <ComponentGlobal_HeaderTamplate title="Buat Profile"/>
-        }
+      <AppComponentGlobal_LayoutTamplate
+        header={<ComponentGlobal_HeaderTamplate title="Buat Profile" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/profile/create/view.tsx

@@ -157,9 +157,9 @@ export default function CreateProfile({ userId }: { userId: any }) {
                     const buffer = URL.createObjectURL(
                       new Blob([new Uint8Array(await files.arrayBuffer())])
                     );
-                    if (files.size > 1000000) {
+                    if (files.size > 2000000) {
                       ComponentGlobal_NotifikasiPeringatan(
-                        "Maaf, Ukuran file terlalu besar, maximum 1mb",
+                        "Maaf, Ukuran file terlalu besar, maximum 2mb",
                         3000
                       );
                     } else {

src/app_modules/katalog/profile/edit/layout.tsx

@@ -11,16 +11,17 @@ import {
 import { IconArrowLeft } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import ComponentKatalog_HeaderTamplate from "../../component/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function EditProfileLayout({ children }: { children: any }) {
   const router = useRouter();
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentKatalog_HeaderTamplate title="Edit Profile" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/profile/upload/foto_background/layout.tsx

@@ -14,6 +14,7 @@ import {
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import ComponentKatalog_HeaderTamplate from "@/app_modules/katalog/component/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function LayoutProfile_UpdateFotoBackground({
   children,
@@ -27,11 +28,11 @@ export default function LayoutProfile_UpdateFotoBackground({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentKatalog_HeaderTamplate title="Update Background" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }

src/app_modules/katalog/profile/upload/foto_profile/layout.tsx

@@ -14,6 +14,7 @@ import {
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import ComponentKatalog_HeaderTamplate from "@/app_modules/katalog/component/header_tamplate";
+import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
 
 export default function UploadFotoProfileLayout({
   children,
@@ -27,11 +28,11 @@ export default function UploadFotoProfileLayout({
 
   return (
     <>
-      <AppShell
+      <AppComponentGlobal_LayoutTamplate
         header={<ComponentKatalog_HeaderTamplate title="Update Foto" />}
       >
         {children}
-      </AppShell>
+      </AppComponentGlobal_LayoutTamplate>
     </>
   );
 }