# feat

## Deskripsi:
- Edit map
- Sinkronisasi dengan data portofolio
### No Issue

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

@@ -0,0 +1,10 @@
+import { Map_CreateNewPin } from "@/app_modules/map/view";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  let portofolioId = params.id;
+  return (
+    <>
+      <Map_CreateNewPin  portofolioId={portofolioId}/>
+    </>
+  );
+}

src/app/dev/map/create/page.tsx

@@ -1,9 +0,0 @@
-import { Map_CreateNewPin } from "@/app_modules/map/view";
-
-export default async function Page() {
-  return (
-    <>
-      <Map_CreateNewPin />
-    </>
-  );
-}

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

@@ -0,0 +1,13 @@
+import { map_funGetOneByPortofolioId } from "@/app_modules/map/fun/get/fun_get_one_by_portofolio_id";
+import { Map_EditPin } from "@/app_modules/map/view";
+
+export default async function Page({ params }: { params: { id: string } }) {
+  const portofolioId = params.id;
+  const dataMap = await map_funGetOneByPortofolioId({portofolioId: portofolioId})
+
+  return (
+    <>
+      <Map_EditPin portofolioId={portofolioId} dataMap={dataMap} />
+    </>
+  );
+}

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

@@ -1,17 +1,20 @@
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 import { user_getOneUserId } from "@/app_modules/fun_global/get_user_token";
 import { ViewPortofolio } from "@/app_modules/katalog/portofolio";
 import { portofolio_getOneById } from "@/app_modules/katalog/portofolio/fun/get/get_one_portofolio";
 
+const mapboxToken = process.env.MAPBOX_TOKEN!;
 export default async function Page({ params }: { params: { id: string } }) {
   const getPorto = await portofolio_getOneById(params.id);
   const userLoginId = await user_getOneUserId();
 
   return (
     <>
-      {/* {JSON.stringify(getPorto)} */}
+      {/* <pre style={{ color: "white" }}>{JSON.stringify(getPorto, null, 2)}</pre> */}
       <ViewPortofolio
         dataPorto={getPorto as any}
         userLoginId={userLoginId as any}
+        mapboxToken={mapboxToken}
       />
     </>
   );