fix ( upload image )

deskripsi:
- fix upload image portofolio

src/app_modules/map/_component/button/comp_button_save_pin.tsx

@@ -4,24 +4,27 @@ import { MainColor } from "@/app_modules/_global/color";
 import {
   ComponentGlobal_NotifikasiBerhasil,
   ComponentGlobal_NotifikasiGagal,
+  ComponentGlobal_NotifikasiPeringatan,
 } from "@/app_modules/_global/notif_global";
 import { Button } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
 import { map_funCreatePin } from "../../fun/create/fun_create_pin";
+import { funGlobal_UploadToStorage } from "@/app_modules/_global/fun";
+import { DIRECTORY_ID } from "@/app/lib";
 
 export function ComponentMap_ButtonSavePin({
   namePin,
   lat,
   long,
   portofolioId,
-  imageId,
+  file,
 }: {
   namePin: string;
   lat: string;
   long: string;
   portofolioId: string;
-  imageId: string;
+  file: File;
 }) {
   const router = useRouter();
   const [loading, setLoading] = useState(false);
@@ -30,6 +33,19 @@ export function ComponentMap_ButtonSavePin({
     try {
       setLoading(true);
 
+      const uploadFile = await funGlobal_UploadToStorage({
+        file: file,
+        dirId: DIRECTORY_ID.map_image,
+      });
+
+      if (!uploadFile.success) {
+        setLoading(false);
+        ComponentGlobal_NotifikasiPeringatan("Gagal upload gambar");
+        return;
+      }
+
+      const imageId = uploadFile.data.id;
+
       const res = await map_funCreatePin({
         data: {
           latitude: lat as any,
@@ -45,9 +61,9 @@ export function ComponentMap_ButtonSavePin({
         ? (ComponentGlobal_NotifikasiBerhasil(res.message), router.back())
         : ComponentGlobal_NotifikasiGagal(res.message);
     } catch (error) {
-      console.error(error);
-    } finally {
       setLoading(false);
+
+      console.error(error);
     }
   }
 
@@ -57,7 +73,7 @@ export function ComponentMap_ButtonSavePin({
         loading={loading}
         my={"xl"}
         style={{ transition: "0.5s" }}
-        disabled={namePin === "" || imageId == "" ? true : false}
+        disabled={namePin === "" || file === null}
         radius={"xl"}
         loaderPosition="center"
         bg={MainColor.yellow}

src/app_modules/map/_component/button/comp_button_update_data_map.tsx

@@ -33,6 +33,17 @@ export function ComponentMap_ButtonUpdateDataMap({
       setIsLoading(true);
 
       if (file !== null) {
+        const uploadFileToStorage = await funGlobal_UploadToStorage({
+          file: file,
+          dirId: DIRECTORY_ID.map_image,
+        });
+
+        if (!uploadFileToStorage.success) {
+          setIsLoading(false);
+          ComponentGlobal_NotifikasiPeringatan("Gagal upload gambar");
+          return;
+        }
+
         const deleteLogo = await funGlobal_DeleteFileById({
           fileId: data.imageId,
           dirId: DIRECTORY_ID.map_image,
@@ -43,16 +54,6 @@ export function ComponentMap_ButtonUpdateDataMap({
           clientLogger.error("Error delete logo", deleteLogo.message);
         }
 
-        const uploadFileToStorage = await funGlobal_UploadToStorage({
-          file: file,
-          dirId: DIRECTORY_ID.map_image,
-        });
-        if (!uploadFileToStorage.success) {
-          setIsLoading(false);
-          ComponentGlobal_NotifikasiPeringatan("Gagal upload gambar");
-          return;
-        }
-
         const res = await map_funEditMap({
           data: data,
           fileId: uploadFileToStorage.data.id,
@@ -91,7 +92,7 @@ export function ComponentMap_ButtonUpdateDataMap({
         loading={isLoading}
         mb={"xl"}
         style={{ transition: "0.5s" }}
-        disabled={data.namePin === "" ? true : false}
+        disabled={data.namePin === "" || file === null}
         radius={"xl"}
         bg={MainColor.yellow}
         color="yellow"