tanapa env

.env

@@ -1,5 +0,0 @@
-DATABASE_URL="postgresql://bip:Production_123@localhost:5433/hipmi?schema=public"
-PWD="QWERTYUIOPLKJHGFDSAZXCVBNMQAZWSXEDCRFVTGBYHNUJMIKOLPPOIUYTREWQLKJHGFDSAMNBVCXZlghvftyguhijknhbgvcfytguu8okjnhbgvfty7u8oilkjnhgvtygu7u8ojilnkhbgvhujnkhghvjhukjnhb"
-Client_KEY="SB-Mid-client-9NDTxltqdZrEB9m-"
-Server_KEY="SB-Mid-server-NyltU-U7fLVQd1nv1LWBKylr"
-MAPBOX_TOKEN="pk.eyJ1IjoibWFsaWtrdXJvc2FraSIsImEiOiJjbHppZHh2enYwZnQ3MmlyMWc2Y2RlMzZoIn0.XssvJvq_iniclf8UhvXaIg"

.gitignore

@@ -28,6 +28,9 @@ yarn-error.log*
 # local env files
 .env*.local
 
+# env
+.env
+
 # vercel
 .vercel
 

src/app/dev/admin/colab/dashboard/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/colab/sub-menu/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/developer/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/donasi/main/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/event/main/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/forum/main/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/investasi/main/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/job/main/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/dev/admin/main/dashboard/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

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

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

src/app/dev/admin/vote/main/loading.tsx

@@ -1,4 +1,4 @@
-import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/component_global/loading_admin_page";
+import ComponentAdminGlobal_LoadingPage from "@/app_modules/admin/_admin_global/loading_admin_page";
 
 export default async function Page() {
   return (

src/app/lib/router_admin/router_admin_map.ts

@@ -0,0 +1,3 @@
+export const RouterAdminMap = {
+  main: "/dev/admin/map",
+};

src/app_modules/admin/app_info/main/index.tsx

@@ -4,7 +4,7 @@ import {
   Space,
   Stack
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import InformasiBank from "./info_bank";
 import InformasiWhatApps from "./info_whatsapp";
 

src/app_modules/admin/app_info/main/info_bank.tsx

@@ -24,8 +24,8 @@ import {
 } from "@tabler/icons-react";
 import _ from "lodash";
 import { useState } from "react";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "../../component_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
 import adminAppInformation_createBank from "../fun/create/fun_create_new_bank";
 import adminAppInformation_getMasterBank from "../fun/master/get_list_bank";
 import adminAppInformation_updateStatusBankById from "../fun/update/fun_udpate_status_bank";

src/app_modules/admin/app_info/main/info_whatsapp.tsx

@@ -12,8 +12,8 @@ import {
 } from "@mantine/core";
 import { IconEdit, IconPhone } from "@tabler/icons-react";
 import { useState } from "react";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "../../component_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
 import adminAppInformation_getNomorAdmin from "../fun/master/get_nomor_admin";
 import adminAppInformation_funUpdateNomorAdmin from "../fun/update/fun_update_nomor";
 

src/app_modules/admin/colab/dashboard/index.tsx

@@ -2,7 +2,7 @@
 
 import { Stack, SimpleGrid, Paper, Group, Title, Text } from "@mantine/core";
 import { useRouter } from "next/navigation";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 
 export default function AdminColab_Dashboard({
   countPublish,

src/app_modules/admin/colab/sub_menu/group.tsx

@@ -17,7 +17,7 @@ import {
   SimpleGrid,
   Box,
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import {
   MODEL_COLLABORATION,
   MODEL_COLLABORATION_ROOM_CHAT,

src/app_modules/admin/colab/sub_menu/publish.tsx

@@ -18,7 +18,7 @@ import {
   Textarea,
   Box,
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { MODEL_COLLABORATION } from "@/app_modules/colab/model/interface";
 import { useState } from "react";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";

src/app_modules/admin/colab/sub_menu/reject.tsx

@@ -14,7 +14,7 @@ import {
   Box,
   Pagination,
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { useState } from "react";
 import { MODEL_COLLABORATION } from "@/app_modules/colab/model/interface";
 import adminColab_getListAllRejected from "../fun/get/get_list_all_reject";

src/app_modules/admin/developer/index.tsx

@@ -14,7 +14,7 @@ import {
   TextInput,
   Title,
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../_admin_global/header_tamplate";
 import { MODEL_USER } from "@/app_modules/home/model/interface";
 import _ from "lodash";
 import { IconSearch } from "@tabler/icons-react";

src/app_modules/admin/donasi/detail/detail_reject.tsx

@@ -25,7 +25,7 @@ import { NotifBerhasil } from "@/app_modules/donasi/component/notifikasi/notif_b
 import { NotifGagal } from "@/app_modules/donasi/component/notifikasi/notif_gagal";
 import { AdminDonasi_getOneById } from "../fun/get/get_one_by_id";
 import ComponentGlobal_InputCountDown from "@/app_modules/_global/component/input_countdown";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import ComponentAdminDonasi_TampilanDetailDonasi from "../component/tampilan_detail_donasi";
 import ComponentAdminDonasi_CeritaPenggalangDana from "../component/tampilan_detail_cerita";
 

src/app_modules/admin/donasi/detail/detail_review.tsx

@@ -25,14 +25,14 @@ import {
 import { useDisclosure } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "../../component_global/admin_notifikasi/notifikasi_gagal";
-import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../component_global/admin_notifikasi/notifikasi_peringatan";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan";
 import ComponentAdminDonasi_TombolKembali from "../component/tombol_kembali";
 import { AdminDonasi_getOneById } from "../fun/get/get_one_by_id";
 import { AdminDonasi_funUpdateStatusPublish } from "../fun/update/fun_status_publish";
 import { AdminDonasi_funUpdateStatusReject } from "../fun/update/fun_status_reject";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import ComponentAdminDonasi_TampilanDetailDonasi from "../component/tampilan_detail_donasi";
 import ComponentAdminDonasi_CeritaPenggalangDana from "../component/tampilan_detail_cerita";
 import mqtt_client from "@/util/mqtt_client";

src/app_modules/admin/donasi/detail/publish/detail_publish.tsx

@@ -48,13 +48,13 @@ import { useRouter } from "next/navigation";
 import { useDisclosure, useInterval, useShallowEffect } from "@mantine/hooks";
 import { Donasi_getOneById } from "@/app_modules/donasi/fun/get/get_one_donasi_by_id";
 import { AdminDonasi_getOneById } from "../../fun/get/get_one_by_id";
-import ComponentAdminGlobal_BackButton from "@/app_modules/admin/component_global/back_button";
+import ComponentAdminGlobal_BackButton from "@/app_modules/admin/_admin_global/back_button";
 import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
 import { adminDonasi_getListDonatur } from "../../fun/get/get_list_donatur_by_id";
 import { RouterAdminDonasi } from "@/app/lib/router_admin/router_admin_donasi";
 import adminDonasi_funUpdateStatusDanTotal from "../../fun/update/fun_update_status_dan_total";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "@/app_modules/admin/component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "@/app_modules/admin/component_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "@/app_modules/admin/_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "@/app_modules/admin/_admin_global/admin_notifikasi/notifikasi_gagal";
 import mqtt_client from "@/util/mqtt_client";
 import adminNotifikasi_funCreateToUser from "@/app_modules/admin/notifikasi/fun/create/fun_create_notif_user";
 

src/app_modules/admin/donasi/detail/publish/pencairan_dana.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import ComponentGlobal_ErrorInput from "@/app_modules/_global/component/error_input";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "@/app_modules/admin/component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "@/app_modules/admin/component_global/admin_notifikasi/notifikasi_gagal";
-import { ComponentAdminGlobal_NotifikasiPeringatan } from "@/app_modules/admin/component_global/admin_notifikasi/notifikasi_peringatan";
-import ComponentAdminGlobal_TampilanRupiahDonasi from "@/app_modules/admin/component_global/tampilan_rupiah";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "@/app_modules/admin/_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "@/app_modules/admin/_admin_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiPeringatan } from "@/app_modules/admin/_admin_global/admin_notifikasi/notifikasi_peringatan";
+import ComponentAdminGlobal_TampilanRupiahDonasi from "@/app_modules/admin/_admin_global/tampilan_rupiah";
 import adminNotifikasi_funCreateToUser from "@/app_modules/admin/notifikasi/fun/create/fun_create_notif_user";
 import ComponentDonasi_NotedBox from "@/app_modules/donasi/component/noted_box";
 import mqtt_client from "@/util/mqtt_client";

src/app_modules/admin/donasi/main/index.tsx

@@ -15,7 +15,7 @@ import {
 } from "@mantine/core";
 import { IconChevronsRight } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 
 export default function AdminDonasi_Main({
   countPublish,

src/app_modules/admin/donasi/sub-detail/bukti_transfer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { AspectRatio, Box, Image, Paper, Stack } from "@mantine/core";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import { RouterAdminDonasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 
 export default function AdminDonasi_BuktiTransfer({

src/app_modules/admin/donasi/sub-detail/bukti_transfer_pencairan.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { AspectRatio, Box, Image, Paper, Stack } from "@mantine/core";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import { RouterAdminDonasi_OLD } from "@/app/lib/router_hipmi/router_admin";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 

src/app_modules/admin/donasi/sub_menu/table_kategori.tsx

@@ -18,13 +18,13 @@ import {
   Switch,
   Modal,
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
 import { useState } from "react";
 import { IconCirclePlus, IconEdit, IconTrash } from "@tabler/icons-react";
 import adminDonasi_funCreateKategori from "../fun/create/fun_create_kategori";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "../../component_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
 import adminDonasi_getMasterKategori from "../fun/master/get_list_kategori";
 import adminDonasi_funDeleteKategori from "../fun/delete/fun_delete_by_id";
 import adminDonasi_funUpdatekategoriById from "../fun/update/fun_update_kategori_by_id";

src/app_modules/admin/donasi/sub_menu/table_publish.tsx

@@ -22,7 +22,7 @@ import ComponentAdminDonasi_TombolKembali from "../component/tombol_kembali";
 import { MODEL_DONASI } from "@/app_modules/donasi/model/interface";
 import { useState } from "react";
 import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import adminDonasi_getListPublish from "../fun/get/get_list_publish";
 
 export default function AdminDonasi_TablePublish({

src/app_modules/admin/donasi/sub_menu/table_reject.tsx

@@ -31,7 +31,7 @@ import AdminDonasi_DetailReview from "../detail/detail_review";
 import { MODEL_DONASI } from "@/app_modules/donasi/model/interface";
 import { useState } from "react";
 import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import adminDonasi_getListReject from "../fun/get/get_list_reject";
 
 export default function AdminDonasi_TableReject({

src/app_modules/admin/donasi/sub_menu/table_review.tsx

@@ -25,7 +25,7 @@ import AdminDonasi_DetailReview from "../detail/detail_review";
 import { MODEL_DONASI } from "@/app_modules/donasi/model/interface";
 import { useState } from "react";
 import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import _ from "lodash";
 import adminDonasi_getListReview from "../fun/get/get_list_review";
 

src/app_modules/admin/event/child/riwayat.tsx

@@ -18,7 +18,7 @@ import {
   Text,
   Title,
 } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import {
   MODEL_EVENT,
   MODEL_EVENT_PESERTA,

src/app_modules/admin/event/child/tipe_acara.tsx

@@ -16,7 +16,7 @@ import {
   Title,
 } from "@mantine/core";
 import ComponentAdminDonasi_TombolKembali from "../../donasi/component/tombol_kembali";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { MODEL_DEFAULT_MASTER_OLD } from "@/app_modules/model_global/interface";
 import { useState } from "react";
 import { AdminEvent_funCreateTipeAcara } from "../fun/create/fun_create_tipe_acara";

src/app_modules/admin/event/main/index.tsx

@@ -11,7 +11,7 @@ import {
   Title
 } from "@mantine/core";
 import { useRouter } from "next/navigation";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 
 export default function AdminEvent_Main({
   countPublish,

src/app_modules/admin/event/table_status/table_publish.tsx

@@ -36,7 +36,7 @@ import {
   MODEL_EVENT,
   MODEL_EVENT_PESERTA,
 } from "@/app_modules/event/model/interface";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import moment from "moment";
 import _ from "lodash";
 import { AdminEvent_funEditStatusPublishById } from "../fun/edit/fun_edit_status_publish_by_id";

src/app_modules/admin/event/table_status/table_reject.tsx

@@ -33,7 +33,7 @@ import { useState } from "react";
 import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
 import ComponentAdminDonasi_TombolKembali from "../../donasi/component/tombol_kembali";
 import { MODEL_EVENT } from "@/app_modules/event/model/interface";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import moment from "moment";
 import _ from "lodash";
 import { AdminEvent_funEditStatusPublishById } from "../fun/edit/fun_edit_status_publish_by_id";

src/app_modules/admin/event/table_status/table_review.tsx

@@ -25,7 +25,7 @@ import mqtt_client from "@/util/mqtt_client";
 import _ from "lodash";
 import moment from "moment";
 import { useState } from "react";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import adminNotifikasi_funCreateToUser from "../../notifikasi/fun/create/fun_create_notif_user";
 import { AdminEvent_funEditStatusPublishById } from "../fun/edit/fun_edit_status_publish_by_id";
 import { AdminEvent_funEditCatatanById } from "../fun/edit/fun_edit_status_reject_by_id";

src/app_modules/admin/forum/detail/detail_posting.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import ComponentAdminDonasi_TombolKembali from "@/app_modules/admin/donasi/component/tombol_kembali";
 import {
   MODEL_FORUM_KOMENTAR,
@@ -34,9 +34,9 @@ import { adminForum_funDeleteKomentarById } from "../fun/delete/fun_delete_komen
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import { useDisclosure } from "@mantine/hooks";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { adminForum_getListKomentarById } from "../fun/get/get_list_komentar_by_id";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import ComponentAdminForum_ViewOneDetailPosting from "../component/detail_one_posting";
 
 export default function AdminForum_DetailPosting({

src/app_modules/admin/forum/main/dashboard.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { Group, Paper, SimpleGrid, Stack, Text, Title } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
-import ComponentAdminGlobal_LoadingPage from "../../component_global/loading_admin_page";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
+import ComponentAdminGlobal_LoadingPage from "../../_admin_global/loading_admin_page";
 
 export default function AdminForum_Main({
   countPublish,

src/app_modules/admin/forum/sub_detail/hasil_report_komentar.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import {
@@ -29,8 +29,8 @@ import {
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import adminNotifikasi_funCreateToUser from "../../notifikasi/fun/create/fun_create_notif_user";
 import ComponentAdminForum_ViewOneDetailKomentar from "../component/detail_one_komentar";
 import { adminForum_funDeleteKomentarById } from "../fun/delete/fun_delete_komentar_by_id";

src/app_modules/admin/forum/sub_detail/hasil_report_posting.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import {
@@ -26,8 +26,8 @@ import { IconTrash } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { adminForum_funDeletePostingById } from "../fun/delete/fun_delete_posting_by_id";
 import { adminForum_getListReportPostingById } from "../fun/get/get_list_report_posting_by_id";
 import ComponentAdminForum_ViewOneDetailPosting from "../component/detail_one_posting";

src/app_modules/admin/forum/sub_menu/table_posting.tsx

@@ -2,7 +2,7 @@
 
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
 import { RouterForum } from "@/app/lib/router_hipmi/router_forum";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { MODEL_FORUM_POSTING } from "@/app_modules/forum/model/interface";
 import {
   Badge,
@@ -34,7 +34,7 @@ import { useDisclosure } from "@mantine/hooks";
 import { adminForum_getListPosting } from "../fun/get/get_list_publish";
 import adminJob_getListPublish from "@/app_modules/admin/job/fun/get/get_list_publish";
 import ComponentAdminForum_ButtonDeletePosting from "../component/button_delete";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 
 export default function AdminForum_TablePosting({
   listPublish,

src/app_modules/admin/forum/sub_menu/table_report_komentar.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import {
   MODEL_FORUM_REPORT_KOMENTAR,
   MODEL_FORUM_REPORT_POSTING,
@@ -26,7 +26,7 @@ import { IconFlag3, IconSearch } from "@tabler/icons-react";
 import { isEmpty } from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import ComponentAdminForum_ButtonDeletePosting from "../component/button_delete";
 import adminForum_funGetAllReportPosting from "../fun/get/get_all_report_posting";
 import { Forum_Komentar } from "@/app_modules/forum";

src/app_modules/admin/forum/sub_menu/table_report_posting.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import {
   MODEL_FORUM_REPORT_POSTING
 } from "@/app_modules/forum/model/interface";
@@ -25,7 +25,7 @@ import { IconFlag3, IconSearch } from "@tabler/icons-react";
 import { isEmpty } from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import ComponentAdminForum_ButtonDeletePosting from "../component/button_delete";
 import adminForum_funGetAllReportPosting from "../fun/get/get_all_report_posting";
 

src/app_modules/admin/investasi/detail/detail_publish.tsx

@@ -15,7 +15,7 @@ import {
   ThemeIcon,
   Title,
 } from "@mantine/core";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
 import { IconCircleCheck, IconHome } from "@tabler/icons-react";
 import investasi from "../../notifikasi/route_setting/investasi";

src/app_modules/admin/investasi/detail/detail_reject.tsx

@@ -8,7 +8,7 @@ import {
   Text,
   Title
 } from "@mantine/core";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import { ComponentAdminInvestasi_DetailDataAuthor } from "../_component/detail_data_author";
 import { ComponentAdminInvestasi_DetailData } from "../_component/detail_data_investasi";
 import { ComponentAdminInvestasi_DetailGambar } from "../_component/detail_gambar_investasi";

src/app_modules/admin/investasi/detail/detail_review.tsx

@@ -33,10 +33,10 @@ import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import "react-simple-toasts/dist/theme/dark.css";
-import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../component_global/admin_notifikasi/notifikasi_berhasil";
-import { ComponentAdminGlobal_NotifikasiGagal } from "../../component_global/admin_notifikasi/notifikasi_gagal";
-import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../component_global/admin_notifikasi/notifikasi_peringatan";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import { ComponentAdminGlobal_NotifikasiBerhasil } from "../../_admin_global/admin_notifikasi/notifikasi_berhasil";
+import { ComponentAdminGlobal_NotifikasiGagal } from "../../_admin_global/admin_notifikasi/notifikasi_gagal";
+import { ComponentAdminGlobal_NotifikasiPeringatan } from "../../_admin_global/admin_notifikasi/notifikasi_peringatan";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 import adminNotifikasi_funCreateToUser from "../../notifikasi/fun/create/fun_create_notif_user";
 import { ComponentAdminInvestasi_DetailDataAuthor } from "../_component/detail_data_author";
 import { ComponentAdminInvestasi_DetailData } from "../_component/detail_data_investasi";

src/app_modules/admin/investasi/main/table_publish.tsx

@@ -18,8 +18,8 @@ import { IconSearch } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { adminInvestasi_funGetAllPublish } from "../fun/get/get_all_publish";
 import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";
 

src/app_modules/admin/investasi/main/table_reject.tsx

@@ -23,8 +23,8 @@ import { IconChevronLeft, IconEdit, IconSearch } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
 import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
 import { adminInvestasi_funGetAllReject } from "../fun/get/get_all_reject";
 import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";

src/app_modules/admin/investasi/main/table_review.tsx

@@ -23,11 +23,11 @@ import {
 import { IconChevronLeft, IconEdit, IconSearch } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { adminInvestasi_funGetAllReview } from "../fun/get/get_all_review";
 import _ from "lodash";
-import ComponentAdminGlobal_IsEmptyData from "../../component_global/is_empty_data";
-import ComponentAdminGlobal_TampilanRupiahDonasi from "../../component_global/tampilan_rupiah";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
+import ComponentAdminGlobal_TampilanRupiahDonasi from "../../_admin_global/tampilan_rupiah";
 
 export default function Admin_TableReviewInvestasi({
   dataInvestsi,

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

@@ -38,7 +38,7 @@ import moment from "moment";
 import _ from "lodash";
 import TableTotalInvestasi from "./table_total_investasi";
 import TablePublikasiProgresInvestasi from "./table_publikasi_progres";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 
 export default function Admin_Investasi({
   listInvestasi,

src/app_modules/admin/job/child/arsip/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import {

src/app_modules/admin/job/child/publish/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminJob } from "@/app/lib/router_admin/router_admin_job";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { MODEL_JOB } from "@/app_modules/job/model/interface";
 import {
   Badge,

src/app_modules/admin/job/child/reject/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminJob } from "@/app/lib/router_admin/router_admin_job";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import ComponentGlobal_InputCountDown from "@/app_modules/_global/component/input_countdown";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";

src/app_modules/admin/job/child/review/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterAdminJob } from "@/app/lib/router_admin/router_admin_job";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import adminNotifikasi_funCreateToUser from "@/app_modules/admin/notifikasi/fun/create/fun_create_notif_user";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";

src/app_modules/admin/job/detail/detail_poster.tsx

@@ -2,7 +2,7 @@
 
 import { RouterJob } from "@/app/lib/router_hipmi/router_job";
 import { Center, Image, Stack } from "@mantine/core";
-import ComponentAdminGlobal_BackButton from "../../component_global/back_button";
+import ComponentAdminGlobal_BackButton from "../../_admin_global/back_button";
 
 export default function AdminJob_DetailPoster({
   imageId,

src/app_modules/admin/job/main/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Group, Paper, SimpleGrid, Stack, Text, Title } from "@mantine/core";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 import { useRouter } from "next/navigation";
 
 export default function AdminJob_Main({

src/app_modules/admin/layout.tsx

@@ -39,7 +39,7 @@ import { useRouter } from "next/navigation";
 import React, { useEffect, useState } from "react";
 import { MODEL_USER } from "../home/model/interface";
 import { MODEL_NOTIFIKASI } from "../notifikasi/model/interface";
-import Admin_Logout from "./component_global/logout";
+import Admin_Logout from "./_admin_global/logout";
 import {
   gs_admin_hotMenu,
   gs_admin_subMenu,

src/app_modules/admin/list_page.tsx

@@ -5,12 +5,11 @@ import { RouterAdminEvent } from "@/app/lib/router_admin/router_admin_event";
 import { RouterAdminForum } from "@/app/lib/router_admin/router_admin_forum";
 import { RouterAdminInvestasi } from "@/app/lib/router_admin/router_admin_investasi";
 import { RouterAdminJob } from "@/app/lib/router_admin/router_admin_job";
+import { RouterAdminMap } from "@/app/lib/router_admin/router_admin_map";
 import { RouterAdminVote } from "@/app/lib/router_admin/router_admin_vote";
 import { RouterAdminUserAccess } from "@/app/lib/router_admin/router_admn_user_acces";
 import { RouterAdminAppInformation } from "@/app/lib/router_admin/router_app_information";
-import {
-  RouterAdminDashboard
-} from "@/app/lib/router_hipmi/router_admin";
+import { RouterAdminDashboard } from "@/app/lib/router_hipmi/router_admin";
 import {
   IconAffiliate,
   IconBriefcase,
@@ -18,6 +17,7 @@ import {
   IconDeviceMobile,
   IconHeartHandshake,
   IconHome,
+  IconMap2,
   IconMessages,
   IconMoneybag,
   IconPackageImport,
@@ -270,6 +270,15 @@ export const listAdminPage = [
     ],
   },
 
+  {
+    id: 9,
+    name: "Maps",
+    path: RouterAdminMap.main,
+    icon: <IconMap2 />,
+    child: [],
+  },
+
+  // App Information
   {
     id: 97,
     name: "App Information",

src/app_modules/admin/map/component/drawer.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { Drawer, Group, Text } from "@mantine/core";
+import { ComponentAdmin_UIDrawerNotifikasi } from "../../notifikasi/ui_drawer_notifikasi";
+import { MODEL_MAP } from "@/app_modules/map/lib/interface";
+
+export function ComponentAdminMap_Drawer({
+  opened,
+  onClose,
+  data,
+}: {
+  opened: boolean;
+  onClose: () => void;
+  data: MODEL_MAP | any;
+}) {
+  return (
+    <>
+      <Drawer
+        title={
+          <Group position="apart">
+            <Text fw={"bold"} fz={"lg"}>
+              Detail Map
+            </Text>
+          </Group>
+        }
+        opened={opened}
+        onClose={onClose}
+        position="right"
+        size={"xs"}
+        transitionProps={{transition: "fade", duration: 500}}
+      >
+        <Text>Detail Map</Text>
+        <Text>{data}</Text>
+      </Drawer>
+    </>
+  );
+}

src/app_modules/admin/map/component/index.ts

@@ -0,0 +1,3 @@
+import { ComponentAdminMap_Drawer } from "./drawer";
+
+export { ComponentAdminMap_Drawer };

src/app_modules/admin/map/fun/fun_get_all_maps.ts

@@ -0,0 +1,16 @@
+"use server";
+
+import prisma from "@/app/lib/prisma";
+
+export async function adminMap_funGetAllMaps() {
+  const data = await prisma.businessMaps.findMany({
+    orderBy: {
+      createdAt: "desc",
+    },
+    where: {
+      isActive: true,
+    },
+  });
+
+  return data;
+}

src/app_modules/admin/map/fun/index.ts

@@ -0,0 +1,3 @@
+import { adminMap_funGetAllMaps } from "./fun_get_all_maps";
+
+export { adminMap_funGetAllMaps };

src/app_modules/admin/map/ui/index.ts

@@ -0,0 +1,3 @@
+import { UiAdminMap_MapBoxView } from "./ui_map_view";
+
+export { UiAdminMap_MapBoxView };

src/app_modules/admin/map/ui/ui_map_view.tsx

@@ -0,0 +1,117 @@
+"use client";
+
+import { MODEL_MAP } from "@/app_modules/map/lib/interface";
+import ComponentAdminGlobal_IsEmptyData from "../../_admin_global/is_empty_data";
+import { useState } from "react";
+import {
+  defaultLatLong,
+  defaultMapZoom,
+} from "@/app_modules/map/lib/default_lat_long";
+import { Image, Paper, Stack, Text } from "@mantine/core";
+import "mapbox-gl/dist/mapbox-gl.css";
+import Map, {
+  AttributionControl,
+  Marker,
+  NavigationControl,
+  ScaleControl,
+} from "react-map-gl";
+import { ComponentAdminMap_Drawer } from "../component";
+
+export function UiAdminMap_MapBoxView({
+  mapboxToken,
+  dataMap,
+}: {
+  mapboxToken: string;
+  dataMap: MODEL_MAP[];
+}) {
+  const [mapId, setMapId] = useState("");
+  const [openDrawer, setOpenDrawer] = useState(false);
+  const [data, setData] = useState(dataMap);
+
+  if (!mapboxToken)
+    return <ComponentAdminGlobal_IsEmptyData text="Mapbox token not found" />;
+
+  return (
+    <>
+      <Stack
+        style={{
+          marginTop: "10px",
+          borderRadius: "5px",
+          backgroundColor: "gray",
+        }}
+      >
+        <Map
+          mapboxAccessToken={mapboxToken}
+          mapStyle={"mapbox://styles/mapbox/streets-v11"}
+          initialViewState={{
+            latitude: defaultLatLong[0],
+            longitude: defaultLatLong[1],
+            zoom: defaultMapZoom,
+          }}
+          style={{
+            cursor: "pointer",
+            width: "auto",
+            height: "82vh",
+            borderRadius: "5px",
+          }}
+          attributionControl={false}
+        >
+          {data.map((e, i) => (
+            <Stack key={i}>
+              <Marker
+                style={{
+                  width: 40,
+                  cursor: "pointer",
+                }}
+                latitude={e.latitude}
+                longitude={e.longitude}
+                anchor="bottom"
+                offset={[0, 0]}
+                scale={1}
+              >
+                <Stack
+                  spacing={0}
+                  align="center"
+                  onClick={() => {
+                    setMapId(e.id);
+                    setOpenDrawer(true);
+                  }}
+                >
+                  <Image
+                    w={"100%"}
+                    alt="image"
+                    src="https://cdn-icons-png.flaticon.com/512/5860/5860579.png"
+                  />
+                  <Text
+                    fz={"xs"}
+                    bg={"dark"}
+                    c={"white"}
+                    align="center"
+                    style={{
+                      borderRadius: "5px",
+                      padding: "5px",
+                      width: 50,
+                    }}
+                    lineClamp={2}
+                  >
+                    {e.namePin}
+                  </Text>
+                </Stack>
+              </Marker>
+            </Stack>
+          ))}
+
+          <NavigationControl />
+          <ScaleControl position="top-left" />
+          <AttributionControl customAttribution="Map design by PT. Bali Interaktif Perkasa" />
+        </Map>
+      </Stack>
+
+      <ComponentAdminMap_Drawer
+      opened={openDrawer}
+      onClose={() => setOpenDrawer(false)}
+      data={mapId as any}
+      />
+    </>
+  );
+}

src/app_modules/admin/map/view/index.ts

@@ -0,0 +1,3 @@
+import { AdminMap_View } from "./view";
+
+export { AdminMap_View }

src/app_modules/admin/map/view/view.tsx

@@ -0,0 +1,19 @@
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
+import { adminMap_funGetAllMaps } from "../fun/fun_get_all_maps";
+import { UiAdminMap_MapBoxView } from "../ui";
+
+
+const mapboxToken = process.env.MAPBOX_TOKEN!;
+export async function AdminMap_View() {
+  const dataMap = await adminMap_funGetAllMaps();
+  return (
+    <>
+      <ComponentAdminGlobal_HeaderTamplate name="Maps" />
+
+      <UiAdminMap_MapBoxView
+        mapboxToken={mapboxToken}
+        dataMap={dataMap as any}
+      />
+    </>
+  );
+}

src/app_modules/admin/vote/child/riwayat/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import { MODEL_VOTING } from "@/app_modules/vote/model/interface";

src/app_modules/admin/vote/child/table_publish/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import {

src/app_modules/admin/vote/child/table_reject/index.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { AdminEvent_getListPesertaById } from "@/app_modules/admin/event/fun/get/get_list_peserta_by_id";
 import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
 import {

src/app_modules/admin/vote/child/table_review/index.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "@/app_modules/admin/_admin_global/header_tamplate";
 import { MODEL_VOTING } from "@/app_modules/vote/model/interface";
 import {
   Box,

src/app_modules/admin/vote/main/index.tsx

@@ -2,7 +2,7 @@
 
 import { Stack, SimpleGrid, Paper, Group, Title, Text } from "@mantine/core";
 import { useRouter } from "next/navigation";
-import ComponentAdminGlobal_HeaderTamplate from "../../component_global/header_tamplate";
+import ComponentAdminGlobal_HeaderTamplate from "../../_admin_global/header_tamplate";
 
 export default function AdminVote_Main({
   countPublish,

src/app_modules/katalog/portofolio/ui/ui_detail_map.tsx

@@ -1,12 +1,14 @@
 "use client";
 
 import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { ComponentMap_DrawerDetailData } from "@/app_modules/map/_component";
 import {
-  defaultLatLong,
-  defaultMapZoom,
+  defaultMapZoom
 } from "@/app_modules/map/lib/default_lat_long";
 import { MODEL_MAP } from "@/app_modules/map/lib/interface";
-import { Group, Image, Paper, Stack, Text, Title } from "@mantine/core";
+import { Image, Paper, Stack, Text, Title } from "@mantine/core";
+import "mapbox-gl/dist/mapbox-gl.css";
+import { useState } from "react";
 import {
   AttributionControl,
   Map,
@@ -14,10 +16,6 @@ import {
   NavigationControl,
   ScaleControl,
 } from "react-map-gl";
-import "mapbox-gl/dist/mapbox-gl.css";
-import { useState } from "react";
-import { ComponentMap_DrawerDetailData } from "@/app_modules/map/_component";
-import { ComponentMap_DetailData } from "@/app_modules/map/_component/detail_data";
 import { ComponentPortofolio_DetailDataMap } from "../component";
 
 export function Portofolio_UiMap({
@@ -72,7 +70,7 @@ function MapView({
           cursor: "pointer",
           width: "100%",
           height: "50vh",
-          borderRadius: "5px",
+          borderRadius: "10px",
         }}
         attributionControl={false}
         

src/app_modules/map/_component/detail_data.tsx

@@ -5,10 +5,13 @@ import ComponentGlobal_AuthorNameOnHeader from "@/app_modules/_global/author_nam
 import {
   Box,
   Button,
+  Flex,
   Grid,
   Group,
   Image,
+  Loader,
   SimpleGrid,
+  Skeleton,
   Stack,
   Text,
   Title,
@@ -40,6 +43,8 @@ export function ComponentMap_DetailData({ mapId }: { mapId: any }) {
     setData(res);
   }
 
+  if (!data) return <CustomLoading />;
+
   return (
     <>
       <Stack mt={"lg"} spacing={"xl"}>
@@ -135,3 +140,20 @@ export function ComponentMap_DetailData({ mapId }: { mapId: any }) {
     </>
   );
 }
+
+function CustomLoading() {
+  return (
+    <Flex>
+      <Stack w={100}>
+        <Skeleton h={100} animate />
+      </Stack>
+      <Stack style={{ flex: 1 }}>
+        <Skeleton h={5} animate />
+        <Skeleton h={5} animate />
+        <Skeleton h={5} animate />
+        <Skeleton h={5} animate />
+        <Skeleton h={5} animate />
+      </Stack>
+    </Flex>
+  );
+}

src/app_modules/map/ui/ui_create_pin.tsx

@@ -6,22 +6,21 @@ import {
 } from "@/app_modules/_global/color/color_pallet";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
+import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 import {
-  ActionIcon,
-  Affix,
   AspectRatio,
   Box,
   Button,
   Center,
   FileButton,
-  Group,
   Image,
   Paper,
   Stack,
   Text,
   TextInput,
-  Title,
+  Title
 } from "@mantine/core";
+import { IconCamera } from "@tabler/icons-react";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
@@ -33,9 +32,6 @@ import Map, {
 } from "react-map-gl";
 import { map_funCreatePin } from "../fun/create/fun_create_pin";
 import { defaultLatLong, defaultMapZoom } from "../lib/default_lat_long";
-import ComponentGlobal_BoxInformation from "@/app_modules/_global/component/box_information";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
-import { IconCamera, IconX } from "@tabler/icons-react";
 
 export function UiMap_CreatePin({
   mapboxToken,