Portofolio

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

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