uploading image from bank working

src/components/project/client-brief/add-images-modal/ImagesEditPanel.vue

@@ -8,7 +8,7 @@
       style="--row-gap: var(--space-8)"
     >
       <AccordionPanel
-        v-for="(image, index) in activeTab.selectedImages"
+        v-for="(image, index) in images"
         :key="index + 1"
         :value="index"
         class="w-full | bg-white | rounded-xl | p-12 pt-8"
@@ -108,11 +108,16 @@ import { usePageStore } from "../../../../stores/page";
 import StringUtils from "../../../../utils/string";
 import { storeToRefs } from "pinia";
 import { useAddImagesModalStore } from "../../../../stores/addImagesModal";
+import { computed } from "vue";
 
 const { page } = storeToRefs(usePageStore());
 
 const { activeTab } = storeToRefs(useAddImagesModalStore());
 
+const images = computed(() => {
+  return activeTab.value.selectedImages;
+});
+
 // function saveTags(image) {
 //   const headers = {
 //     method: "POST",
@@ -164,15 +169,15 @@ const { activeTab } = storeToRefs(useAddImagesModalStore());
 function addImagesToBrief() {
   const formData = new FormData();
 
-  const blobPromises = images.map((item) => {
+  const blobPromises = images.value.map((item) => {
     if (item.url.startsWith("blob:")) {
       return fetch(item.url)
         .then((response) => response.blob())
         .then((blob) => {
-          formData.append("images[]", blob, item.name);
+          formData.append("images[]", blob, JSON.stringify(item));
         });
     } else {
-      formData.append("imageUris[]", item.url);
+      formData.append("imageUris[]", JSON.stringify(item));
       return Promise.resolve();
     }
   });
@@ -183,7 +188,10 @@ function addImagesToBrief() {
       body: formData,
     })
       .then((res) => res.json())
-      .then((json) => (page.value.images = json.images))
+      .then((json) => {
+        page.value.images = json.images;
+        console.log(json);
+      })
       .catch((error) => console.error("Error:", error));
   });
 }

src/components/project/client-brief/add-images-modal/ImagesResources.vue

@@ -21,6 +21,4 @@ const { tabs } = storeToRefs(useAddImagesModalStore());
 const tab = computed(() => {
   return tabs.value.find((tab) => tab.id === "materials");
 });
-
-console.log(ArrayUtils);
 </script>