Portofolio

#feat
- Create porto
- Edit Porto
- Upload gambar background profile
- List user
- Search user
## No issuue

prisma/schema.prisma

@@ -49,19 +49,21 @@ model UserSession {
 }
 
 model Profile {
-  id           String    @id @default(cuid())
-  name         String
-  email        String    @unique
-  alamat       String
-  jenisKelamin String
-  active       Boolean   @default(true)
-  createdAt    DateTime  @default(now())
-  updatedAt    DateTime  @default(now()) @updatedAt
-  User         User?     @relation(fields: [userId], references: [id])
-  userId       String?   @unique
-  ImageProfile Images?   @relation(fields: [imagesId], references: [id])
-  imagesId     String?   @unique
-  Katalog      Katalog[]
+  id                 String            @id @default(cuid())
+  name               String
+  email              String            @unique
+  alamat             String
+  jenisKelamin       String
+  active             Boolean           @default(true)
+  createdAt          DateTime          @default(now())
+  updatedAt          DateTime          @default(now()) @updatedAt
+  User               User?             @relation(fields: [userId], references: [id])
+  userId             String?           @unique
+  ImageProfile       Images?           @relation(fields: [imagesId], references: [id])
+  imagesId           String?           @unique
+  Portofolio         Portofolio[]
+  ImagesBackground   ImagesBackground? @relation(fields: [imagesBackgroundId], references: [id])
+  imagesBackgroundId String?           @unique
 }
 
 model Images {
@@ -80,30 +82,58 @@ model Images {
   Donasi_Kabar           Donasi_Kabar[]
   Donasi_PencairanDana   Donasi_PencairanDana[]
   Donasi_Invoice         Donasi_Invoice[]
+  Portofolio             Portofolio[]
 }
 
-model Katalog {
-  id                   String             @id @default(cuid())
-  namaBisnis           String
-  alamatKantor         String
-  tlpn                 String
-  deskripsi            String
-  active               Boolean            @default(true)
-  createdAt            DateTime           @default(now())
-  updatedAt            DateTime           @default(now()) @updatedAt
-  Profile              Profile?           @relation(fields: [profileId], references: [id])
-  profileId            String?
-  MasterBidangBisnis   MasterBidangBisnis @relation(fields: [masterBidangBisnisId], references: [id])
-  masterBidangBisnisId String
+model ImagesBackground {
+  id        String   @id @default(cuid())
+  url       String
+  label     String
+  active    Boolean  @default(true)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  Profile   Profile?
+}
+
+model Portofolio {
+  id                     String                  @id @default(cuid())
+  namaBisnis             String
+  alamatKantor           String
+  tlpn                   String
+  deskripsi              String
+  active                 Boolean                 @default(true)
+  createdAt              DateTime                @default(now())
+  updatedAt              DateTime                @default(now()) @updatedAt
+  Profile                Profile?                @relation(fields: [profileId], references: [id])
+  profileId              String?
+  MasterBidangBisnis     MasterBidangBisnis      @relation(fields: [masterBidangBisnisId], references: [id])
+  masterBidangBisnisId   String
+  Logo                   Images?                 @relation(fields: [logoId], references: [id])
+  logoId                 String?
+  Portofolio_MediaSosial Portofolio_MediaSosial?
+}
+
+model Portofolio_MediaSosial {
+  id           String      @id @default(cuid())
+  facebook     String?
+  twitter      String?
+  instagram    String?
+  tiktok       String?
+  youtube      String?
+  active       Boolean     @default(true)
+  createdAt    DateTime    @default(now())
+  updatedAt    DateTime    @updatedAt
+  Portofolio   Portofolio? @relation(fields: [portofolioId], references: [id])
+  portofolioId String?     @unique
 }
 
 model MasterBidangBisnis {
-  id        String    @id
-  name      String
-  active    Boolean   @default(true)
-  createdAt DateTime  @default(now())
-  updatedAt DateTime  @default(now()) @updatedAt
-  Katalog   Katalog[]
+  id         String       @id
+  name       String
+  active     Boolean      @default(true)
+  createdAt  DateTime     @default(now())
+  updatedAt  DateTime     @default(now()) @updatedAt
+  Portofolio Portofolio[]
 }
 
 // -------------------- INVESTASI --------------------- //

public/portofolio/logo/test.md

@@ -0,0 +1 @@
+# Test

src/app/api/portofolio/logo/[id]/route.ts

@@ -0,0 +1,32 @@
+import prisma from "@/app/lib/prisma";
+import fs from "fs";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  const get = await prisma.images.findUnique({
+    where: {
+      id: params.id,
+    },
+    select: {
+      url: true,
+    },
+  });
+
+  if (!fs.existsSync(`./public/portofolio/logo/${get?.url}`)) {
+    const notFile = fs.readFileSync("./public/aset/global/no_img.png");
+    return new NextResponse(notFile, {
+      headers: {
+        "Content-Type": "image/png",
+      },
+    });
+  }
+  const file = fs.readFileSync(`./public/portofolio/logo/${get?.url}`);
+  return new NextResponse(file, {
+    headers: {
+      "Content-Type": "image/png",
+    },
+  });
+}

src/app/api/profile/background/[id]/route.ts

@@ -0,0 +1,32 @@
+import prisma from "@/app/lib/prisma";
+import fs from "fs";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  const get = await prisma.imagesBackground.findUnique({
+    where: {
+      id: params.id,
+    },
+    select: {
+      url: true,
+    },
+  });
+
+  if (!fs.existsSync(`./public/profile/background/${get?.url}`)) {
+    const notFile = fs.readFileSync("./public/aset/global/no_img.png");
+    return new NextResponse(notFile, {
+      headers: {
+        "Content-Type": "image/png",
+      },
+    });
+  }
+  const file = fs.readFileSync(`./public/profile/background/${get?.url}`);
+  return new NextResponse(file, {
+    headers: {
+      "Content-Type": "image/png",
+    },
+  });
+}

src/app/api/profile/foto/[id]/route.ts

@@ -0,0 +1,32 @@
+import prisma from "@/app/lib/prisma";
+import fs from "fs";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: { id: string } }
+) {
+  const get = await prisma.images.findUnique({
+    where: {
+      id: params.id,
+    },
+    select: {
+      url: true,
+    },
+  });
+
+  if (!fs.existsSync(`./public/profile/foto/${get?.url}`)) {
+    const notFile = fs.readFileSync("./public/aset/global/avatar.png");
+    return new NextResponse(notFile, {
+      headers: {
+        "Content-Type": "image/png",
+      },
+    });
+  }
+  const file = fs.readFileSync(`./public/profile/foto/${get?.url}`);
+  return new NextResponse(file, {
+    headers: {
+      "Content-Type": "image/png",
+    },
+  });
+}

src/app/api/profile/foto/[name]/route.ts

@@ -1,22 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import fs from "fs";
-
-export async function GET(
-  req: NextRequest,
-  { params }: { params: { name: string } }
-) {
-  if (!fs.existsSync(`./public/img/${params.name}`)) {
-    const fl = fs.readFileSync(`./public/aset/avatar.png`);
-    return new NextResponse(fl, {
-      headers: {
-        "Content-Type": "image/png",
-      },
-    });
-  }
-  const fl = fs.readFileSync(`./public/img/${params.name}`);
-  return new NextResponse(fl, {
-    headers: {
-      "Content-Type": "image/png",
-    },
-  });
-}

src/app/api/profile/url_background/[url]/route.ts

@@ -0,0 +1,23 @@
+import fs from "fs";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: { url: string } }
+) {
+  if (!fs.existsSync(`./public/profile/background/${params.url}`)) {
+    const notFile = fs.readFileSync("./public/aset/global/no_img.png");
+    return new NextResponse(notFile, {
+      headers: {
+        "Content-Type": "image/png",
+      },
+    });
+  }
+
+  const file = fs.readFileSync(`./public/profile/background/${params.url}`);
+  return new NextResponse(file, {
+    headers: {
+      "Content-Type": "image/png",
+    },
+  });
+}

src/app/api/profile/url_foto/[url]/route.ts

@@ -0,0 +1,23 @@
+import fs from "fs";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(
+  req: NextRequest,
+  { params }: { params: { url: string } }
+) {
+  if (!fs.existsSync(`./public/profile/foto/${params.url}`)) {
+    const notFile = fs.readFileSync("./public/aset/global/avatar.png");
+    return new NextResponse(notFile, {
+      headers: {
+        "Content-Type": "image/png",
+      },
+    });
+  }
+
+  const file = fs.readFileSync(`./public/profile/foto/${params.url}`);
+  return new NextResponse(file, {
+    headers: {
+      "Content-Type": "image/png",
+    },
+  });
+}

src/app/dev/admin/donasi/table/review/page.tsx

@@ -1,6 +1,6 @@
 import { AdminDonasi_TableReview } from "@/app_modules/admin/donasi";
 import { AdminDonasi_getByStatus } from "@/app_modules/admin/donasi/fun/get/get_list_donasi_by_status";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page() {
   const listReview = await AdminDonasi_getByStatus("2");

src/app/dev/admin/investasi/konfirmasi/[id]/page.tsx

@@ -1,5 +1,5 @@
 import { Admin_KonfirmasiInvestasi } from "@/app_modules/admin/investasi";
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
 
 

src/app/dev/donasi/create/cerita_penggalang/[id]/page.tsx

@@ -1,12 +1,12 @@
 import { CreateCeritaPenggalangDonasi } from "@/app_modules/donasi";
 import { Donasi_getTemporaryCreate } from "@/app_modules/donasi/fun/get/get_temporary_create";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 
 export default async function Page({ params }: { params: { id: string } }) {
   
   const getTemporaryCreate = await Donasi_getTemporaryCreate(params.id);
-  const userId = await getToken_UserId()
+  const userId = await User_getUserId()
 
   return (
     <>

src/app/dev/donasi/create/create_donasi/page.tsx

@@ -3,7 +3,7 @@ import {
   Donasi_getMasterDurasi,
   Donasi_getMasterKategori,
 } from "@/app_modules/donasi/fun";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page() {
   const masterKategori = await Donasi_getMasterKategori();

src/app/dev/donasi/detail/detail_main/[id]/page.tsx

@@ -1,13 +1,13 @@
 import { DetailMainDonasi } from "@/app_modules/donasi";
 import { Donasi_getCountDonatur } from "@/app_modules/donasi/fun/count/get_count_donatur";
 import { Donasi_getOneById } from "@/app_modules/donasi/fun/get/get_one_donasi_by_id";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page({ params }: { params: { id: string } }) {
   let donasiId = params.id;
   const dataDonasi = await Donasi_getOneById(donasiId);
   const countDonatur = await Donasi_getCountDonatur(donasiId)
-  const userLoginId = await getToken_UserId();
+  const userLoginId = await User_getUserId();
 
   return (
     <>

src/app/dev/donasi/detail/detail_publish/[id]/page.tsx

@@ -1,12 +1,12 @@
 import { DetailPublishDonasi } from "@/app_modules/donasi";
 import { Donasi_getCountDonatur } from "@/app_modules/donasi/fun/count/get_count_donatur";
 import { Donasi_getOneById } from "@/app_modules/donasi/fun/get/get_one_donasi_by_id";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page({ params }: { params: { id: string } }) {
   const dataPublish = await Donasi_getOneById(params.id);
   const countDonatur= await Donasi_getCountDonatur(params.id)
-  const userLoginId = await getToken_UserId();
+  const userLoginId = await User_getUserId();
 
   console.log(userLoginId)
 

src/app/dev/donasi/main/donasi_saya/page.tsx

@@ -1,9 +1,9 @@
 import { DonasiSayaDonasi } from "@/app_modules/donasi";
 import { Donasi_getInvoiceByAuthorId } from "@/app_modules/donasi/fun/get/get_list_invoice_by_author_id";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page() {
-  const authorId = await getToken_UserId();
+  const authorId = await User_getUserId();
   const listInvoice = await Donasi_getInvoiceByAuthorId(authorId);
 
   return <DonasiSayaDonasi listInvoice={listInvoice as any} />;

src/app/dev/donasi/main/galang_dana/page.tsx

@@ -1,9 +1,9 @@
 import { PostingDonasi } from "@/app_modules/donasi";
 import Donasi_getByStatus from "@/app_modules/donasi/fun/get/get_donasi_by_status";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page() {
-  const authorId = await getToken_UserId();
+  const authorId = await User_getUserId();
   const listPublish = await Donasi_getByStatus(authorId, "1")
   const listReview = await Donasi_getByStatus(authorId, "2");
   const listDraft = await Donasi_getByStatus(authorId, "3");

src/app/dev/donasi/main/layout.tsx

@@ -1,6 +1,6 @@
 import { LayoutDonasi } from "@/app_modules/donasi";
 import { Donasi_getNotifByUserId } from "@/app_modules/donasi/fun/get/get_notif_by_user_id";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import React from "react";
 
 export default async function Layout({
@@ -8,7 +8,7 @@ export default async function Layout({
 }: {
   children: React.ReactNode;
 }) {
-  const userId = await getToken_UserId();
+  const userId = await User_getUserId();
   // const dataDonasi = await DOnasi_getList
   const isRead = await Donasi_getNotifByUserId(userId).then((res) => res.map((val) => val.isRead))
   // console.log(isRead)

src/app/dev/donasi/pencairan_dana/[id]/page.tsx

@@ -1,9 +1,8 @@
 import { PencairanDanaDonasi } from "@/app_modules/donasi";
-import ComponentDonasi_LoaderOverlay from "@/app_modules/donasi/component/loader_overlay";
 import { NotifPeringatan } from "@/app_modules/donasi/component/notifikasi/notif_peringatan";
 import { Donasi_getListPencairanDanaById } from "@/app_modules/donasi/fun/get/get_list_pencairan_dana_by_id";
 import { Donasi_getTotalPencairanDanaById } from "@/app_modules/donasi/fun/get/get_pencairan_dana_by_id";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import { Loader } from "@mantine/core";
 
 export default async function Page({ params }: { params: { id: string } }) {

src/app/dev/donasi/proses_donasi/metode_pembayaran/[id]/page.tsx

@@ -1,11 +1,11 @@
 import { Donasi_MetodePembayaran } from "@/app_modules/donasi";
 import { Donasi_getMasterBank } from "@/app_modules/donasi/fun/master/get_bank";
-import { getToken_UserId } from "@/app_modules/fun/get_user_token";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 
 export default async function Page({params}: {params: {id: string}}) {
     let donasiId= params.id
     const listBank = await Donasi_getMasterBank()
-    const authorId = await getToken_UserId()
+    const authorId = await User_getUserId()
 
     return<>
     <Donasi_MetodePembayaran listBank={listBank} donasiId={donasiId} authorId={authorId}/>

src/app/dev/home/layout.tsx

@@ -1,9 +1,13 @@
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import { HomeLayout } from "@/app_modules/home";
+import { User_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
 
-export default async function Layout({children}: {children: any}) {
-    return <>
-    <HomeLayout>{children}</HomeLayout>
-    
+export default async function Layout({ children }: { children: any }) {
+  const userId = await User_getUserId();
+  const dataUser = await User_getOneById(userId);
+  return (
+    <>
+      <HomeLayout dataUser={dataUser as any}>{children}</HomeLayout>
     </>
-    
-}
+  );
+}

src/app/dev/home/page.tsx

@@ -6,26 +6,15 @@ import { redirect } from "next/navigation";
 
 import yaml from "yaml";
 import fs from "fs";
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+import { User_getOneById } from "@/app_modules/home/fun/get/get_one_user_by_id";
 const config = yaml.parse(fs.readFileSync("config.yaml").toString());
 
 export default async function Page() {
-  const c = cookies().get("ssn");
-
-  if (!c?.value) return redirect("/dev/auth/login");
-  const usr = JSON.parse(
-    await unsealData(c?.value as string, {
-      password: config.server.password,
-    })
-  );
-
-  const dataProfile = await funGetUserProfile(usr.id)
-
-
   return (
     <>
-    {/* {JSON.stringify(usr)} */}
-      <HomeView user={dataProfile as any} />
+      <HomeView />
     </>
   );
 }

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

@@ -1,4 +1,4 @@
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import { DetailInvestasi } from "@/app_modules/investasi";
 import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
 

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

@@ -2,7 +2,7 @@ import { ProsesTransaksiInvestasi } from "@/app_modules/investasi";
 import getOneInvestasiById from "@/app_modules/investasi/fun/get_one_investasi_by_id";
 import { unsealData } from "iron-session";
 import { cookies } from "next/headers";
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import yaml from "yaml";
 import fs from "fs";
 const config = yaml.parse(fs.readFileSync("config.yaml").toString());

src/app/dev/katalog/[id]/page.tsx

@@ -1,34 +1,29 @@
 import prisma from "@/app/lib/prisma";
-import { getProfile } from "@/app_modules/katalog/profile";
 import { KatalogView } from "@/app_modules/katalog/main";
 import { url } from "inspector";
 import { unsealData } from "iron-session";
 import _ from "lodash";
 import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import yaml from "yaml";
 import fs from "fs";
-import { funGetListPortofolio } from "@/app_modules/katalog/portofolio/fun/get_list_portofolio";
+import { funGetListPortofolio } from "@/app_modules/katalog/portofolio/fun/get/get_list_portofolio";
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
+import { Profile_getOneById } from "@/app_modules/katalog/profile/fun/get/get_one_profile";
+import { Profile_getOneProfileAndUserById } from "@/app_modules/katalog/profile/fun/get/get_one_user_profile";
 const config = yaml.parse(fs.readFileSync("config.yaml").toString());
 
-export default async function Page() {
-  const data = await getProfile();
-
-  const u = cookies().get("ssn");
-  const usr = JSON.parse(
-    await unsealData(u?.value as string, {
-      password: config.server.password,
-    })
-  );
-
-  const user = await funGetUserProfile(usr.id);
-
-  const listPorto = await funGetListPortofolio(user?.Profile?.id)
+export default async function Page({ params }: { params: { id: string } }) {
+  let profileId = params.id;
+  const userLoginId = await User_getUserId()
+  const listPorto = await funGetListPortofolio(profileId);
+  const dataProfile = await Profile_getOneProfileAndUserById(profileId)
+  // console.log(dataProfile)
 
   return (
     <>
-      <KatalogView user={user as any} listPorto={listPorto as any} />
+      <KatalogView profile={dataProfile as any} listPorto={listPorto as any} userLoginId={userLoginId} />
     </>
   );
 }

src/app/dev/portofolio/create/[id]/page.tsx

@@ -1,9 +1,9 @@
 import { myConsole } from "@/app/fun/my_console";
 import { CreatePortofolio } from "@/app_modules/katalog/portofolio";
-import { getBidangBisnis } from "@/app_modules/katalog/portofolio/fun/get_bidang_bisnis";
+import { Portofolio_getMasterBidangBisnis } from "@/app_modules/katalog/portofolio/fun/master/get_bidang_bisnis";
 
 export default async function Page({ params }: { params: { id: string } }) {
-  const bidangBisnis = await getBidangBisnis();
+  const bidangBisnis = await Portofolio_getMasterBidangBisnis();
 
   return (
     <>

src/app/dev/portofolio/edit/data/[id]/layout.tsx

@@ -0,0 +1,14 @@
+import { LayoutPortofolio_EditDataBisnis } from "@/app_modules/katalog/portofolio";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <LayoutPortofolio_EditDataBisnis>
+      {children}
+    </LayoutPortofolio_EditDataBisnis>
+  );
+}

src/app/dev/portofolio/edit/data/[id]/page.tsx

@@ -0,0 +1,25 @@
+import { Portofolio_EditDataBisnis } from "@/app_modules/katalog/portofolio";
+import { Portofolio_getOneById } from "@/app_modules/katalog/portofolio/fun/get/get_one_portofolio";
+import { Portofolio_getMasterBidangBisnis } from "@/app_modules/katalog/portofolio/fun/master/get_bidang_bisnis";
+import _ from "lodash";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  let portoId = params.id;
+  const data = await Portofolio_getOneById(portoId);
+  const dataPorto = _.omit(data, [
+    "Logo",
+    "Portofolio_MediaSosial",
+    "Portofolio_MediaSosial",
+    "logoId",
+    "profileId",
+  ]);
+
+
+  const listBidang = await Portofolio_getMasterBidangBisnis()
+
+  return (
+    <>
+      <Portofolio_EditDataBisnis dataPorto={dataPorto as any} listBidang={listBidang as any} />
+    </>
+  );
+}

src/app/dev/portofolio/edit/logo/[id]/layout.tsx

@@ -0,0 +1,15 @@
+import { LayoutPortofolio_EditLogoBisnis } from "@/app_modules/katalog/portofolio";
+import React from "react";
+
+export default async function Layout({
+    children,
+  }: {
+    children: React.ReactNode;
+  }) {
+    return (
+      <LayoutPortofolio_EditLogoBisnis>
+        {children}
+      </LayoutPortofolio_EditLogoBisnis>
+    );
+  }
+  

src/app/dev/portofolio/edit/logo/[id]/page.tsx

@@ -0,0 +1,27 @@
+import { Portofolio_EditLogoBisnis } from "@/app_modules/katalog/portofolio";
+import { Portofolio_getOneById } from "@/app_modules/katalog/portofolio/fun/get/get_one_portofolio";
+import _ from "lodash";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  let portoId = params.id;
+  const dataPorto = await Portofolio_getOneById(portoId).then((res) =>
+    _.omit(res, [
+      "Logo",
+      "MasterBidangBisnis",
+      "Portofolio_MediaSosial",
+      "active",
+      "alamatKantor",
+      "deskripsi",
+      "masterBidangBisnisId",
+      "profileId",
+      "tlpn",
+      "namaBisnis"
+    ])
+  );
+
+  return (
+    <>
+      <Portofolio_EditLogoBisnis  dataPorto={dataPorto as any} />
+    </>
+  );
+}

src/app/dev/portofolio/edit/medsos/[id]/layout.tsx

@@ -0,0 +1,14 @@
+import { LayoutPortofolio_EditMedsosBisnis } from "@/app_modules/katalog/portofolio";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <LayoutPortofolio_EditMedsosBisnis>
+      {children}
+    </LayoutPortofolio_EditMedsosBisnis>
+  );
+}

src/app/dev/portofolio/edit/medsos/[id]/page.tsx

@@ -0,0 +1,16 @@
+import { Portofolio_EditMedsosBisnis } from "@/app_modules/katalog/portofolio";
+import { Portofolio_geOnetMedsosById } from "@/app_modules/katalog/portofolio/fun/get/get_one_medsos_by_id";
+import _ from "lodash";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  let portoId = params.id;
+  const dataMedsos = await Portofolio_geOnetMedsosById(portoId).then((res) =>
+    _.omit(res, ["active", "createdAt", "updatedAt", "portofolioId"])
+  );
+
+  return (
+    <>
+      <Portofolio_EditMedsosBisnis dataMedsos={dataMedsos as any} />
+    </>
+  );
+}

src/app/dev/portofolio/main/[id]/layout.tsx

@@ -1,13 +1,14 @@
 import { PortofolioLayout } from "@/app_modules/katalog/portofolio";
-import { getOnePortofolio } from "@/app_modules/katalog/portofolio/fun/get_one_portofolio";
+import { Portofolio_getOneById } from "@/app_modules/katalog/portofolio/fun/get/get_one_portofolio";
 
 export default async function Layout({ children, params }: { children: any, params: {id: string} }) {
-  const getPorto = await getOnePortofolio(params.id)
+  let portoId = params.id
+  const getPorto = await Portofolio_getOneById(portoId)
 
 
   return (
     <>
-      <PortofolioLayout profileId={getPorto?.profileId}>{children}</PortofolioLayout>
+      <PortofolioLayout portoId={portoId}>{children}</PortofolioLayout>
     </>
   );
 }

src/app/dev/portofolio/main/[id]/page.tsx

@@ -1,14 +1,14 @@
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import { ViewPortofolio } from "@/app_modules/katalog/portofolio";
-import { getOnePortofolio } from "@/app_modules/katalog/portofolio/fun/get_one_portofolio";
+import { Portofolio_getOneById } from "@/app_modules/katalog/portofolio/fun/get/get_one_portofolio";
 
-export default async function Page({params}: {params: {id: string}}) {
+export default async function Page({ params }: { params: { id: string } }) {
+  const getPorto = await Portofolio_getOneById(params.id);
 
-  const getPorto = await getOnePortofolio(params.id)
-  // console.log(getPorto)
 
   return (
     <>
-    {/* {JSON.stringify(getPorto)} */}
+      {/* {JSON.stringify(getPorto)} */}
       <ViewPortofolio dataPorto={getPorto as any} />
     </>
   );

src/app/dev/profile/create/[id]/page.tsx

@@ -1,9 +1,10 @@
+import { User_getUserId } from "@/app_modules/fun_global/get_user_token";
 import { CreateProfile } from "@/app_modules/katalog/profile";
 
 export default async function Page({params}: {params: {id: string}}) {
-    // console.log(params.id)
-    
+    const userId = await User_getUserId()
+
     return <>
-    <CreateProfile userId={params.id}/>
+    <CreateProfile userId={userId}/>
     </>
 }

src/app/dev/profile/edit/[id]/layout.tsx

@@ -1,4 +1,4 @@
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import { EditProfileLayout } from "@/app_modules/katalog/profile";
 
 export default async function Layout({ children, params }: { children: any, params: {id: string} }) {

src/app/dev/profile/edit/[id]/page.tsx

@@ -1,14 +1,16 @@
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
-import { getProfile } from "@/app_modules/katalog/profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import EditProfile from "@/app_modules/katalog/profile/edit/view";
+import { Profile_getOneProfileAndUserById } from "@/app_modules/katalog/profile/fun/get/get_one_user_profile";
 
 export default async function Page({ params }: { params: { id: string } }) {
+  let profileId = params.id
   const data = await funGetUserProfile(params.id);
+  const dataProfile = await Profile_getOneProfileAndUserById(profileId)
 
   return (
     <>
       {/* {JSON.stringify(data)} */}
-      <EditProfile data={data as any} />
+      <EditProfile data={dataProfile as any} />
     </>
   );
 }

src/app/dev/profile/upload/[id]/layout.tsx

@@ -1,13 +0,0 @@
-import { UploadFotoProfileLayout } from "@/app_modules/katalog/profile";
-import { AppShell } from "@mantine/core";
-
-export default function Layout({ children, params }: { children: any, params: {id: string} }) {
-
-  return (
-    <>
-
-    <UploadFotoProfileLayout profileId={params.id}>{children}</UploadFotoProfileLayout>
-
-    </>
-  );
-}

src/app/dev/profile/upload/[id]/page.tsx

@@ -1,26 +0,0 @@
-import { UploadFotoProfile } from "@/app_modules/katalog/profile";
-import { unsealData } from "iron-session";
-import { cookies } from "next/headers";
-import yaml from "yaml";
-import fs from "fs";
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
-const config = yaml.parse(fs.readFileSync("config.yaml").toString());
-
-export default async function Page() {
-  const c = cookies().get("ssn");
-  const usr = JSON.parse(
-    await unsealData(c?.value as string, {
-      password: config.server.password,
-    })
-  );
-
-  const imageUrl = await funGetUserProfile(usr.id).then(
-    (res) => res?.Profile?.ImageProfile?.url
-  );
-
-  return (
-    <>
-      <UploadFotoProfile imageUrl={imageUrl} />
-    </>
-  );
-}

src/app/dev/profile/upload/background/[id]/layout.tsx

@@ -0,0 +1,8 @@
+import LayoutProfile_UpdateFotoBackground from "@/app_modules/katalog/profile/upload/foto_background/layout";
+import React from "react";
+
+export default async function Layout({children}: {children: React.ReactNode}) {
+    return<>
+    <LayoutProfile_UpdateFotoBackground>{children}</LayoutProfile_UpdateFotoBackground>
+    </>
+}

src/app/dev/profile/upload/background/[id]/page.tsx

@@ -0,0 +1,12 @@
+import { Profile_getOneById } from "@/app_modules/katalog/profile/fun/get/get_one_profile"
+import Profile_UpdateFotoBackground from "@/app_modules/katalog/profile/upload/foto_background"
+
+export default async function Page({params}:{params: {id: string}}) {
+    let profileId = params.id
+    const dataProfile = await Profile_getOneById(profileId)
+
+    return <>
+    <Profile_UpdateFotoBackground dataProfile={dataProfile as any}/>
+    </>
+    
+}

src/app/dev/profile/upload/foto/[id]/layout.tsx

@@ -0,0 +1,9 @@
+import { UploadFotoProfileLayout } from "@/app_modules/katalog/profile";
+import React from "react";
+
+export default async function Layout({children, params}: {children: React.ReactNode, params: {id: string}}) {
+    let profileId = params.id 
+    return <>
+    <UploadFotoProfileLayout profileId={profileId} >{children}</UploadFotoProfileLayout>
+    </>
+}

src/app/dev/profile/upload/foto/[id]/page.tsx

@@ -0,0 +1,11 @@
+import { UploadFotoProfile } from "@/app_modules/katalog/profile";
+import { Profile_getOneById } from "@/app_modules/katalog/profile/fun/get/get_one_profile";
+
+export default async function Page({params}: {params: {id: string}}) {
+    let profileId = params.id
+    const dataProfile = await Profile_getOneById(profileId)
+
+    return <>
+    <UploadFotoProfile dataProfile={dataProfile as any}/>
+    </>
+}

src/app/dev/user_search/main/layout.tsx

@@ -0,0 +1,10 @@
+import { LayoutUserSearch_MainView } from "@/app_modules/user_search";
+import React from "react";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return <LayoutUserSearch_MainView>{children}</LayoutUserSearch_MainView>;
+}

src/app/dev/user_search/main/page.tsx

@@ -0,0 +1,8 @@
+import { UserSearch_MainView } from "@/app_modules/user_search";
+import { UserSearch_getListUser } from "@/app_modules/user_search/fun/get/get_list_user";
+
+export default async function Page() {
+  const listUser = await UserSearch_getListUser()
+
+  return <UserSearch_MainView listUser={listUser as any} />;
+}

src/app/lib/router_hipmi/router_katalog.ts

@@ -0,0 +1,29 @@
+export const RouterProfile = {
+  katalog: "/dev/katalog/",
+
+  // create
+  create: "/dev/profile/create/",
+
+  // edit
+  edit: "/dev/profile/edit/",
+
+  // api
+  api_foto_profile: "/api/profile/foto/",
+  api_background_profile: "/api/profile/background/",
+  api_url_foto: "/api/profile/url_foto/",
+  api_url_background: "/api/profile/url_background/",
+
+  // upload
+  update_foto_profile: "/dev/profile/upload/foto/",
+  update_foto_background: "/dev/profile/upload/background/",
+};
+
+export const RouterPortofolio = {
+  api_logo_porto: "/api/portofolio/logo/",
+  create: "/dev/portofolio/create/",
+
+  //edit
+  edit_data_bisnis: "/dev/portofolio/edit/data/",
+  edit_logo_bisnis: "/dev/portofolio/edit/logo/",
+  edit_medsos_bisnis: "/dev/portofolio/edit/medsos/",
+};

src/app/lib/router_hipmi/router_user_profile.ts

@@ -1,3 +0,0 @@
-export const RouterUserProfile = {
-  api_foto: "/api/profile/foto/",
-};

src/app/lib/router_hipmi/router_user_search.ts

@@ -0,0 +1,3 @@
+export const RouterUserSearch = {
+    main: "/dev/user_search/main"
+}

src/app_modules/admin/investasi/bukti_transfer/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -11,7 +11,7 @@ export default function Admin_LayoutBuktiTransferInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplate title="Bukti Transfer" />}>
+      <AppShell header={<ComponentGlobal_HeaderTamplate title="Bukti Transfer" />}>
         {children}
       </AppShell>
     </>

src/app_modules/admin/investasi/halaman_aksi/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -12,7 +12,7 @@ export default function Admin_LayoutHalamanAksi({
   return (
     <>
       {/* {children} */}
-      <AppShell padding={"md"} header={<HeaderTamplate title="Pilih Aksi" />}>
+      <AppShell padding={"md"} header={<ComponentGlobal_HeaderTamplate title="Pilih Aksi" />}>
         {children}
       </AppShell>
     </>

src/app_modules/admin/investasi/konfirmasi/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -11,7 +11,7 @@ export default function Admin_LayoutKonfirmasiInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplate title="Konfimasi Investasi" />}>
+      <AppShell header={<ComponentGlobal_HeaderTamplate title="Konfimasi Investasi" />}>
         {children}
       </AppShell>
     </>

src/app_modules/admin/investasi/konfirmasi/view.tsx

@@ -2,13 +2,13 @@
 
 import { RouterHome } from "@/app/lib/router_hipmi/router_home";
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import { RouterUserProfile } from "@/app/lib/router_hipmi/router_user_profile";
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { Warna } from "@/app/lib/warna";
 import funEditInvestasi from "@/app_modules/investasi/fun/fun_edit_investasi";
 import funGantiStatusInvestasi from "@/app_modules/investasi/fun/fun_ganti_status";
 import { gs_StatusPortoInvestasi } from "@/app_modules/investasi/g_state";
 import { MODEL_Investasi } from "@/app_modules/investasi/model/model_investasi";
-import { MODEL_User_profile } from "@/app_modules/home/models/user_profile";
+import { MODEL_PROFILE_OLD } from "@/app_modules/home/model/user_profile";
 import {
   Group,
   Flex,
@@ -64,7 +64,7 @@ export default function Admin_KonfirmasiInvestasi({
   dataUser,
 }: {
   dataInvestasi: MODEL_Investasi;
-  dataUser: MODEL_User_profile;
+  dataUser: MODEL_PROFILE_OLD;
 }) {
   const router = useRouter();
   const [investasi, setInvestasi] = useState(dataInvestasi);
@@ -139,14 +139,14 @@ export default function Admin_KonfirmasiInvestasi({
             <IconChevronLeft />
           </ActionIcon>
           <Flex align={"center"} gap={"xs"} pl={"lg"}>
-            <Avatar
+            {/* <Avatar
               radius={50}
               size={"md"}
               src={
-                RouterUserProfile.api_foto +
+                RouterProfile.api_foto +
                 `${user.Profile?.ImageProfile?.url}`
               }
-            />
+            /> */}
             <Text>{user.username}</Text>
           </Flex>
         </Group>

src/app_modules/admin/investasi/status_transfer/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -11,7 +11,7 @@ export default function Admin_LayoutStatusTransferInvesatasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplate title="Status Transfer" />}>
+      <AppShell header={<ComponentGlobal_HeaderTamplate title="Status Transfer" />}>
         {children}
       </AppShell>
     </>

src/app_modules/admin/main/layout.tsx

@@ -20,7 +20,7 @@ import {
   useMantineTheme,
 } from "@mantine/core";
 import React, { useState } from "react";
-import HeaderTamplate from "../../component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "../../component_global/header_tamplate";
 import { useDisclosure } from "@mantine/hooks";
 import { IconLetterH, IconLogout } from "@tabler/icons-react";
 import {

src/app_modules/auth/index.ts

@@ -3,6 +3,6 @@ import Login from "./login/view";
 import Validasi from "./validasi/view";
 import LayoutValidasi from "./validasi/layout";
 import Register from "./register/view";
-import Logout from "./logout/view";
+import User_Logout from "./logout/view";
 
-export { SplashScreen, Login, Validasi, Register, Logout, LayoutValidasi };
+export { SplashScreen, Login, Validasi, Register, User_Logout as Logout, LayoutValidasi };

src/app_modules/auth/logout/view.tsx

@@ -1,33 +1,28 @@
 "use client";
 import { myConsole } from "@/app/fun/my_console";
 import { ApiHipmi } from "@/app/lib/api";
-import { ActionIcon, Button, Group, Modal } from "@mantine/core";
+import { ActionIcon, Button, Group, Modal, Stack, Title } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useAtom } from "jotai";
 import { gs_nomor, gs_otp } from "../state/state";
 import { IconLogout } from "@tabler/icons-react";
 import { Warna } from "@/app/lib/warna";
-import { gs_token } from "@/app_modules/home/state/global_state";
 import { useDisclosure } from "@mantine/hooks";
 
-export default function Logout() {
+export default function User_Logout() {
   const router = useRouter();
   const [nomor, setnomor] = useAtom(gs_nomor);
   const [code, setCode] = useAtom(gs_otp);
-  const [token, setToken] = useAtom(gs_token);
 
   const [opened, { toggle }] = useDisclosure(false);
 
   const onLogout = async () => {
-    // MyConsole("keluar");
-
     await fetch(ApiHipmi.logout)
       .then((res) => res.json())
       .then((val) => {
         if (val.status == 200) {
           setnomor(null);
           setCode(null);
-          setToken(null);
 
           return router.push("/dev/auth/login");
         }
@@ -36,25 +31,31 @@ export default function Logout() {
 
   return (
     <>
-      <Modal opened={opened} onClose={toggle} centered title="Yakin ingin keluar ?">
-        <Group align="center" position="center">
-          <Button compact onClick={toggle} radius={50}>
-            Batal
-          </Button>
-          <Button
-          compact
-            radius={50}
-            bg={Warna.merah}
-            color="red"
-            onClick={() => onLogout()}
-          >
-            Keluar
-          </Button>
-        </Group>
+      <Modal opened={opened} onClose={toggle} centered withCloseButton={false}>
+        <Stack>
+          <Title order={6}>Anda yakin ingin keluar ?</Title>
+          <Group align="center" position="center">
+            <Button compact onClick={toggle} radius={50}>
+              Batal
+            </Button>
+            <Button
+              compact
+              radius={50}
+              bg={Warna.merah}
+              color="red"
+              onClick={() => onLogout()}
+            >
+              Keluar
+            </Button>
+          </Group>
+        </Stack>
       </Modal>
-      <ActionIcon variant="transparent">
+      {/* <ActionIcon variant="transparent">
         <IconLogout color={Warna.merah} onClick={toggle} />
-      </ActionIcon>
+      </ActionIcon> */}
+      <Button radius={"xl"} color={"red"} onClick={toggle}>
+        Logout
+      </Button>
     </>
   );
 }

src/app_modules/auth/validasi/view.tsx

@@ -19,7 +19,7 @@ import { IconChevronLeft, IconCircleLetterH } from "@tabler/icons-react";
 import toast from "react-simple-toasts";
 import { ApiHipmi } from "@/app/lib/api";
 import { useRouter } from "next/navigation";
-import { funGetUserProfile } from "@/app_modules/fun/get_user_profile";
+import { funGetUserProfile } from "@/app_modules/fun_global/get_user_profile";
 import { useFocusTrap } from "@mantine/hooks";
 import { NotifBerhasil } from "@/app_modules/donasi/component/notifikasi/notif_berhasil";
 import { NotifGagal } from "@/app_modules/donasi/component/notifikasi/notif_gagal";

src/app_modules/component_global/header_tamplate.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { Header, Group, ActionIcon, Text } from "@mantine/core";
-import { IconArrowLeft } from "@tabler/icons-react";
+import { Header, Group, ActionIcon, Text, Title } from "@mantine/core";
+import { IconArrowLeft, IconChevronLeft } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 
-export default function HeaderTamplate({
+export default function ComponentGlobal_HeaderTamplate({
   route,
   route2,
   title,
@@ -18,7 +18,7 @@ export default function HeaderTamplate({
   const router = useRouter();
   return (
     <>
-      <Header height={50}>
+      <Header height={50} sx={{ borderStyle: "none" }}>
         <Group h={50} position="apart" px={"md"}>
           <ActionIcon
             variant="transparent"
@@ -30,11 +30,11 @@ export default function HeaderTamplate({
               }
             }}
           >
-            <IconArrowLeft />
+            <IconChevronLeft />
           </ActionIcon>
-          <Text>{title}</Text>
+          <Title order={5}>{title}</Title>
           {(() => {
-            if (route2 === null ||route2 === undefined) {
+            if (route2 === null || route2 === undefined) {
               return <ActionIcon disabled variant="transparent"></ActionIcon>;
             } else {
               return (

src/app_modules/component_global/notif_global/notifikasi_berhasil.tsx

@@ -0,0 +1,31 @@
+import { Center, Text } from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import { IconAlertTriangle, IconChecklist, IconCircleCheck } from "@tabler/icons-react";
+
+/**
+ * 
+ * @param text | masukan text untuk peringatan
+ * @type string
+ * @returns notifikasi peringatan
+ */
+export async function ComponentGlobal_NotifikasiBerhasil(text: string) {
+  return notifications.show({
+    message: (
+      <Center>
+        <Text fw={"bold"}>{text}</Text>
+      </Center>
+    ),
+    color: "green",
+    radius: "md",
+    autoClose: 1000,
+    icon: <IconCircleCheck color="white" />,
+    withCloseButton: false,
+
+    styles: (theme) => ({
+      description: { color: theme.white },
+      root: {
+        backgroundColor: theme.colors.green[7],
+      },
+    }),
+  });
+}

src/app_modules/component_global/notif_global/notifikasi_gagal.tsx

@@ -0,0 +1,31 @@
+import { Center, Text } from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import { IconAlertTriangle } from "@tabler/icons-react";
+
+/**
+ * 
+ * @param text | masukan text untuk peringatan
+ * @type string
+ * @returns notifikasi peringatan
+ */
+export async function ComponentGlobal_NotifikasiGagal(text: string) {
+  return notifications.show({
+    message: (
+      <Center>
+        <Text fw={"bold"}>{text}</Text>
+      </Center>
+    ),
+    color: "red",
+    radius: "md",
+    autoClose: 1000,
+    icon: <IconAlertTriangle color="white" />,
+    withCloseButton: false,
+
+    styles: (theme) => ({
+      description: { color: theme.white },
+      root: {
+        backgroundColor: theme.colors.red[7],
+      },
+    }),
+  });
+}

src/app_modules/component_global/notif_global/notifikasi_peringatan.tsx

@@ -0,0 +1,31 @@
+import { ActionIcon, Avatar, Center, Text } from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import { IconAlertTriangle } from "@tabler/icons-react";
+
+/**
+ * 
+ * @param text | masukan text untuk peringatan
+ * @type string
+ * @returns notifikasi peringatan
+ */
+export async function ComponentGlobal_NotifikasiPeringatan(text: string) {
+  return notifications.show({
+    message: (
+      <Center>
+        <Text fw={"bold"}>{text}</Text>
+      </Center>
+    ),
+    color: "yellow.3",
+    radius: "md",
+    autoClose: 1000,
+    icon: <ActionIcon radius={"xl"} bg={"white"} p={3}><IconAlertTriangle color="red" /></ActionIcon>,
+    withCloseButton: false,
+
+    styles: (theme) => ({
+      description: { color: theme.white },
+      root: {
+        backgroundColor: theme.colors.yellow[7],
+      },
+    }),
+  });
+}

src/app_modules/crowd/main/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_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";
 import { useRouter } from "next/navigation";
@@ -15,7 +15,7 @@ export default function LayoutMainCrowd({
   return (
     <>
       <AppShell
-        header={<HeaderTamplate route="/dev/home" title="HIPMI Crowd Funding" />}
+        header={<ComponentGlobal_HeaderTamplate route="/dev/home" title="HIPMI Crowd Funding" />}
       >
         {children}
       </AppShell>

src/app_modules/donasi/component/detail_main/informasi_penggalang.tsx

@@ -1,14 +1,14 @@
 "use client"
 
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
-import { MODEL_AUTHOR } from "@/app_modules/home/models/interface";
+import { MODEL_USER } from "@/app_modules/home/model/interface";
 import { Stack, Title, Paper, Group, ActionIcon, Avatar, Text } from "@mantine/core";
 import { IconCircleChevronRight } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import ComponentDonasi_NotedBox from "../noted_box";
 
-export default function ComponentDonasi_InformasiPenggalangMain({ author }: { author: MODEL_AUTHOR}) {
+export default function ComponentDonasi_InformasiPenggalangMain({ author }: { author: MODEL_USER}) {
     const router = useRouter();
     return (
       <>

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

@@ -7,7 +7,7 @@ import {
   MODEL_DONASI,
   MODEL_DONASI_INFO_PENGGALANG,
 } from "@/app_modules/donasi/model/interface";
-import { MODEL_AUTHOR } from "@/app_modules/home/models/interface";
+import { MODEL_USER } from "@/app_modules/home/model/interface";
 import {
   AspectRatio,
   Avatar,
@@ -56,7 +56,7 @@ export default function PenggalangDanaDonasi({
   );
 }
 
-function InformasiPenggalang({ value }: { value: MODEL_AUTHOR }) {
+function InformasiPenggalang({ value }: { value: MODEL_USER }) {
   return (
     <>
       <Paper radius={"md"}>

src/app_modules/donasi/model/interface.ts

@@ -1,4 +1,4 @@
-import { MODEL_AUTHOR } from "@/app_modules/home/models/interface";
+import { MODEL_USER } from "@/app_modules/home/model/interface";
 import { Model_Nama_Bank } from "@/app_modules/investasi/model/model_investasi";
 import { MODEL_IMAGES } from "@/app_modules/models/interface";
 
@@ -24,7 +24,7 @@ export interface MODEL_DONASI {
   donasiMaster_DurasiId: string;
   donasiMaster_StatusDonasiId: string;
   CeritaDonasi: MODEL_CERITA_DONASI;
-  Author: MODEL_AUTHOR;
+  Author: MODEL_USER;
   imageDonasi: MODEL_IMAGES;
   DonasiMaster_Ketegori: MODEL_DONASI_ALL_MASTER;
   DonasiMaster_Durasi: MODEL_DONASI_ALL_MASTER;
@@ -78,7 +78,7 @@ export interface MODEL_DONASI_INVOICE {
   active: boolean;
   createdAt: Date;
   updatedAt: Date;
-  Author: MODEL_AUTHOR;
+  Author: MODEL_USER;
   authorId: string;
   donasiMaster_BankId: string;
   donasiMaster_StatusInvoiceId: string;

src/app_modules/fun_global/get_user_profile.ts

@@ -19,11 +19,14 @@ export async function funGetUserProfile( userId: string ) {
             email: true,
             jenisKelamin: true,
             name: true,
+            imagesId: true,
             ImageProfile: {
               select: {
                 url: true,
               },
             },
+            ImagesBackground: true,
+            imagesBackgroundId: true,
           },
         },
       },

src/app_modules/fun_global/get_user_token.ts

@@ -7,7 +7,7 @@ import { unsealData } from "iron-session";
 import { redirect } from "next/navigation";
 const config = yaml.parse(fs.readFileSync("config.yaml").toString());
 
-export async function getToken_UserId() {
+export async function User_getUserId() {
   const c = cookies().get("ssn");
   if (!c?.value) return redirect("/dev/auth/login");
 

src/app_modules/home/api/api-get-token.ts

@@ -1,25 +0,0 @@
-"use server";
-
-import prisma from "@/app/lib/prisma";
-import { getConfig } from "@/bin/config";
-import { unsealData } from "iron-session";
-import { cookies } from "next/headers";
-
-import fs from "fs";
-import yaml from "yaml";
-const config = yaml.parse(fs.readFileSync("config.yaml").toString());
-
-/**
- * @returns token(id and username)
- */
-export async function getToken() {
-  const c = cookies().get("ssn");
-
-  const token = await unsealData(c?.value as string, {
-    password: await config.server.password,
-  });
-
-  const data = JSON.parse(token as any)
-
-  return data;
-}

src/app_modules/home/fun/get/get_one_user_by_id.ts

@@ -0,0 +1,17 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function User_getOneById(userId: string) {
+  const data = await prisma.user.findFirst({
+    where: {
+      id: userId,
+    },
+    select: {
+      id: true,
+      Profile: true,
+    },
+  });
+
+  return data;
+}

src/app_modules/home/index.ts

@@ -1,4 +1,4 @@
 import HomeView from "./view";
 import HomeLayout from "./layout";
-import { getToken } from "./api/api-get-token";
-export {HomeView, HomeLayout, getToken}
+
+export {HomeView, HomeLayout}

src/app_modules/home/layout.tsx

@@ -1,10 +1,59 @@
 "use client";
-import { ActionIcon, AppShell, Flex, Group, Header, Text } from "@mantine/core";
+import {
+  ActionIcon,
+  AppShell,
+  Avatar,
+  Center,
+  Flex,
+  Footer,
+  Grid,
+  Group,
+  Header,
+  SimpleGrid,
+  Stack,
+  Text,
+  ThemeIcon,
+} from "@mantine/core";
 import { HomeView } from ".";
-import { IconUserSearch, IconAward, IconQrcode } from "@tabler/icons-react";
+import {
+  IconUserSearch,
+  IconAward,
+  IconQrcode,
+  IconUserCircle,
+} from "@tabler/icons-react";
 import { Logout } from "../auth";
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
+import { MODEL_USER } from "./model/interface";
+import React, { useState } from "react";
+import { useRouter } from "next/navigation";
+import { ComponentGlobal_NotifikasiPeringatan } from "../component_global/notif_global/notifikasi_peringatan";
+import { ComponentGlobal_NotifikasiBerhasil } from "../component_global/notif_global/notifikasi_berhasil";
+import { RouterUserSearch } from "@/app/lib/router_hipmi/router_user_search";
+
+export default function HomeLayout({
+  dataUser,
+  children,
+}: {
+  dataUser: MODEL_USER;
+  children: React.ReactNode;
+}) {
+  const router = useRouter();
+  const [user, setUser] = useState(dataUser);
+  const listFooter = [
+    {
+      id: 1,
+      name: "Temukan user",
+      icon: <IconUserSearch />,
+      link: ``,
+    },
+    {
+      id: 2,
+      name: "Profile",
+      icon: <IconUserCircle />,
+      link: RouterProfile.katalog,
+    },
+  ];
 
-export default function HomeLayout({ children }: { children: any }) {
   return (
     <>
       <AppShell
@@ -12,9 +61,6 @@ export default function HomeLayout({ children }: { children: any }) {
           <Header height={50} bg={"dark"}>
             <Group position="apart" align="center" h={50} p={"sm"}>
               <Group spacing={"sm"}>
-                <ActionIcon>
-                  <IconUserSearch />
-                </ActionIcon>
                 <ActionIcon>
                   <IconAward />
                 </ActionIcon>
@@ -26,12 +72,57 @@ export default function HomeLayout({ children }: { children: any }) {
                 <ActionIcon>
                   <IconQrcode />
                 </ActionIcon>
-                <Logout />
               </Group>
             </Group>
           </Header>
         }
+        footer={
+          <Footer height={70} bg={"dark"}>
+            <Grid p={"xs"}>
+              <Grid.Col
+                span={"auto"}
+                onClick={() => {
+                  if (user.Profile === null) {
+                    ComponentGlobal_NotifikasiPeringatan("Lengkapi Profile");
+                  } else {
+                    // router.push(RouterProfile.katalog + `${user.Profile.id}`);
+                    router.push(RouterUserSearch.main)
+                  }
+                }}
+              >
+                <Stack align="center" spacing={0}>
+                  <ActionIcon variant={"transparent"}>
+                    <IconUserSearch color="white" />
+                  </ActionIcon>
+                  <Text fz={"xs"} c={"white"}>
+                    Temukan pengguna
+                  </Text>
+                </Stack>
+              </Grid.Col>
+              <Grid.Col
+                span={"auto"}
+                onClick={() => {
+                  if (user.Profile === null) {
+                    router.push(RouterProfile.create + `${user.id}`);
+                  } else {
+                    router.push(RouterProfile.katalog + `${user.Profile.id}`);
+                  }
+                }}
+              >
+                <Stack align="center" spacing={0}>
+                  <ActionIcon variant={"transparent"}>
+                    {user.Profile === null ? <IconUserCircle color="white" /> : <Avatar radius={"xl"} size={20} src={RouterProfile.api_foto_profile + `${user.Profile.imagesId}`}/>} 
+                  </ActionIcon>
+                  <Text fz={"xs"} c={"white"}>
+                    Profile
+                  </Text>
+                </Stack>
+              </Grid.Col>
+            </Grid>
+          </Footer>
+        }
       >
+
         {children}
       </AppShell>
     </>

src/app_modules/home/model/interface.ts

@@ -1,4 +1,6 @@
-export interface MODEL_AUTHOR {
+import { MODEL_PROFILE } from "@/app_modules/katalog/profile/model/interface";
+
+export interface MODEL_USER {
   id: string;
   username: string;
   nomor: string;
@@ -6,4 +8,6 @@ export interface MODEL_AUTHOR {
   createdAt: Date;
   updatedAt: Date;
   masterUserRoleId: string;
+  Profile: MODEL_PROFILE
 }
+

src/app_modules/home/model/user_profile.ts

@@ -1,4 +1,6 @@
-export interface MODEL_User_profile {
+import { MODEL_IMAGES } from "@/app_modules/models/interface";
+
+export interface MODEL_PROFILE_OLD {
   id: string;
   username: string;
   nomor: string;
@@ -8,8 +10,11 @@ export interface MODEL_User_profile {
     email: string;
     jenisKelamin: string;
     name: string;
+    imagesId: string
     ImageProfile: {
       url: string;
-    } | null;
-  } | null;
+    } 
+    imagesBackgroundId: string,
+    ImagesBackground: MODEL_IMAGES
+  } 
 }

src/app_modules/home/view.tsx

@@ -13,11 +13,6 @@ import {
   ThemeIcon,
   Title,
 } from "@mantine/core";
-import { Logout } from "../auth";
-import { useState } from "react";
-import { ApiHipmi } from "@/app/lib/api";
-import { useShallowEffect } from "@mantine/hooks";
-import { getToken } from "./api/api-get-token";
 
 import {
   IconAffiliate,
@@ -32,40 +27,28 @@ import {
 } from "@tabler/icons-react";
 
 import toast from "react-simple-toasts";
-import { getProfile } from "../katalog/profile";
 import { useRouter } from "next/navigation";
-import { useAtom } from "jotai";
-import { gs_token } from "./state/global_state";
-import { loadDataProfile } from "../katalog/profile/fun/fun_get_profile";
-import {
-  gs_fotoProfile,
-  gs_profile,
-} from "../katalog/profile/state/global_state";
-import { gs_ListPortofolio } from "../katalog/portofolio/state/global_state";
-import { myConsole } from "@/app/fun/my_console";
-import { getFotoProfile } from "../katalog/profile/api/get-foto-profile";
-import { funGetUserProfile } from "../fun/get_user_profile";
-import { MODEL_User_profile } from "./models/user_profile";
+import { MODEL_PROFILE_OLD } from "./model/user_profile";
 import AppNotif from "../notif";
 
 // export const dynamic = "force-dynamic"
 // export const revalidate = 0
 
-export default function HomeView({ user }: { user: MODEL_User_profile }) {
+export default function HomeView() {
   const router = useRouter();
-  const [stateUser, setStateUser] = useState(user);
+  // const [stateUser, setStateUser] = useState(user);
 
   const listHalaman = [
     {
       id: 1,
-      name: "Forums",
-      icon: <IconMessages size={50} />,
-      link: "",
+      name: "Crowd Funding",
+      icon: <IconHeartHandshake size={50} />,
+      link: `/dev/crowd/splash`,
     },
     {
       id: 2,
-      name: "Project Collaboration",
-      icon: <IconAffiliate size={50} />,
+      name: "Event",
+      icon: <IconPresentation size={50} />,
       link: "",
     },
     {
@@ -76,15 +59,15 @@ export default function HomeView({ user }: { user: MODEL_User_profile }) {
     },
     {
       id: 4,
-      name: "Event",
-      icon: <IconPresentation size={50} />,
+      name: "Project Collaboration",
+      icon: <IconAffiliate size={50} />,
       link: "",
     },
     {
       id: 5,
-      name: "Crowd Funding",
-      icon: <IconHeartHandshake size={50} />,
-      link: `/dev/crowd/splash`,
+      name: "Forums",
+      icon: <IconMessages size={50} />,
+      link: "",
     },
     {
       id: 6,
@@ -109,7 +92,7 @@ export default function HomeView({ user }: { user: MODEL_User_profile }) {
   return (
     <>
       <Box>
-        <Flex align={"center"} gap={"sm"}>
+        {/* <Flex align={"center"} gap={"sm"}>
           <ActionIcon
             size={30}
             variant="transparent"
@@ -128,7 +111,7 @@ export default function HomeView({ user }: { user: MODEL_User_profile }) {
             Welcome to ,{" "}
             {stateUser.username ? stateUser.username : <Loader size={"xs"} />}
           </Text>
-        </Flex>
+        </Flex> */}
 
         <Paper bg={"dark"} radius={5} my={"xs"}>
           <Image alt="logo" src={"/aset/investasi/home-hipmi.png"} />

src/app_modules/investasi/berita/layout.tsx

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

src/app_modules/investasi/create/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -13,7 +13,7 @@ export default function InvestasiCreateLayout({
     <>
       <AppShell
         header={
-          <HeaderTamplate  title="Investasi Baru" />
+          <ComponentGlobal_HeaderTamplate  title="Investasi Baru" />
         }
       >
         {children}

src/app_modules/investasi/create_berita/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Warna } from "@/app/lib/warna";
-import HeaderTamplate from "@/app_modules/component/header_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";
 import { useRouter } from "next/navigation";
@@ -20,7 +20,7 @@ export default function LayoutCreateBeritaInvestasi({
   return (
     <>
       <AppShell
-        header={<HeaderTamplate title="Buat Berita" />}
+        header={<ComponentGlobal_HeaderTamplate title="Buat Berita" />}
         // footer={
         //   <Footer height={70} sx={{ borderStyle: "none" }}>
            

src/app_modules/investasi/detail/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_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 { useRouter } from "next/navigation";

src/app_modules/investasi/detail/view.tsx

@@ -31,8 +31,8 @@ import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { MODEL_Investasi } from "../model/model_investasi";
 import moment from "moment";
-import { MODEL_User_profile } from "@/app_modules/home/models/user_profile";
-import { RouterUserProfile } from "@/app/lib/router_hipmi/router_user_profile";
+import { MODEL_PROFILE_OLD } from "@/app_modules/home/model/user_profile";
+import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { gs_TransferValue } from "../g_state";
 import { useAtom } from "jotai";
 import _ from "lodash";
@@ -45,7 +45,7 @@ export default function DetailInvestasi({
   totalInvestor,
 }: {
   dataInvestasi: MODEL_Investasi;
-  dataUser: MODEL_User_profile;
+  dataUser: MODEL_PROFILE_OLD;
   loginUserId: string;
   progress: number;
   totalInvestor: number;

src/app_modules/investasi/detail_berita/layout.tsx

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

src/app_modules/investasi/detail_dokumen/layout.tsx

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

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

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
 import React from "react";
@@ -16,7 +16,7 @@ export default function LayoutDetailDraftInvestasi({
     <>
       <AppShell
         header={
-          <HeaderTamplate
+          <ComponentGlobal_HeaderTamplate
             title="Detail Draft"
             icon={<IconEdit />}
             route2={`/dev/investasi/edit/${id}`}

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

@@ -1,6 +1,6 @@
 "use client"
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate"
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate"
 import { AppShell } from "@mantine/core"
 import React from "react"
 
@@ -9,7 +9,7 @@ export default function LayoutDetailPublishInvestasi({children}: {children: Reac
 
     <AppShell
     header={
-        <HeaderTamplate title="Detail Publish"/>
+        <ComponentGlobal_HeaderTamplate title="Detail Publish"/>
     }
     >
         {children}

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

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
 import React from "react";
@@ -16,7 +16,7 @@ export default function LayoutDetailRejecttInvestasi({
     <>
       <AppShell
         header={
-          <HeaderTamplate
+          <ComponentGlobal_HeaderTamplate
             title="Detail Reject"
             // icon={<IconEdit />}
             // route2={`/dev/investasi/edit/${idInves}`}

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

@@ -1,6 +1,6 @@
 "use client"
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate"
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate"
 import { AppShell } from "@mantine/core"
 import React from "react"
 
@@ -9,7 +9,7 @@ export default function LayoutDetailReviewInvestasi({children}: {children: React
 
     <AppShell
     header={
-        <HeaderTamplate title="Detail Review"/>
+        <ComponentGlobal_HeaderTamplate title="Detail Review"/>
     }
     >
         {children}

src/app_modules/investasi/detail_prospektus/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_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";
 import { useRouter } from "next/navigation";
@@ -16,7 +16,7 @@ export default function LayoutDetailProspektus({
   const router = useRouter();
   return (
     <>
-      <AppShell header={<HeaderTamplate title="Prospektus" />}>
+      <AppShell header={<ComponentGlobal_HeaderTamplate title="Prospektus" />}>
         {children}
       </AppShell>
     </>

src/app_modules/investasi/detail_saham_terbeli/layout.tsx

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

src/app_modules/investasi/edit/layout.tsx

@@ -1,12 +1,12 @@
 "use client"
 
-import HeaderTamplate from "@/app_modules/component/header_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={<HeaderTamplate title="Edit Portofolio Investasi"/>}>
+    <AppShell header={<ComponentGlobal_HeaderTamplate title="Edit Portofolio Investasi"/>}>
         {children}
     </AppShell>
     </>

src/app_modules/investasi/edit_berita/layout.tsx

@@ -2,7 +2,7 @@
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import { Warna } from "@/app/lib/warna";
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell, Button, Center, Footer } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import React from "react";
@@ -17,7 +17,7 @@ export default function LayoutEditBeritaInvestasi({
   return (
     <>
       <AppShell
-        header={<HeaderTamplate title="Edit Berita" />}
+        header={<ComponentGlobal_HeaderTamplate title="Edit Berita" />}
         // footer={
         //   <Footer height={70} sx={{ borderStyle: "none" }}>
            

src/app_modules/investasi/edit_dokumen/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
 import React from "react";
@@ -17,7 +17,7 @@ export default function LayoutEditDokumenInvestasi({
     <>
       <AppShell
         header={
-          <HeaderTamplate
+          <ComponentGlobal_HeaderTamplate
             title="Edit Dokumen"
             icon={<IconEdit />}
             route2={RouterInvestasi.upload_dokumen + `${idInves}`}

src/app_modules/investasi/edit_intro/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell, Stack, Text } from "@mantine/core";
 import React from "react";
 
@@ -13,7 +13,7 @@ export default function LayoutEditIntroInvestasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplate title="Edit Intro" />}>
+      <AppShell header={<ComponentGlobal_HeaderTamplate title="Edit Intro" />}>
         <Stack>
           {children}
         </Stack>

src/app_modules/investasi/edit_propektus/layout.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import HeaderTamplate from "@/app_modules/component/header_tamplate";
+import ComponentGlobal_HeaderTamplate from "@/app_modules/component_global/header_tamplate";
 import { AppShell } from "@mantine/core";
 import { IconEdit } from "@tabler/icons-react";
 import React from "react";
@@ -19,7 +19,7 @@ export default function LayoutEditProspektusInvestasi({
     <>
       <AppShell
         header={
-          <HeaderTamplate
+          <ComponentGlobal_HeaderTamplate
             title="Edit Prospektus"
             icon={<IconEdit />}
             route2={RouterInvestasi.upload_prospektus + `${dataInvestasi.id}`}