improved image handling

src/components/ItemComponents/EditItemForm.vue

@@ -425,7 +425,7 @@ export default {
       }
       return false;
     },
-    removeImage(image) {
+    async removeImage(image) {
       let newImages = [];
       for (let i in this.item.images) {
         if (this.item.images[i] != image) {
@@ -433,6 +433,7 @@ export default {
         }
       }
       this.item.images = newImages;
+      await ImageService.deleteImage(image);
     },
   },
 

src/components/ItemComponents/NewItemForm.vue

@@ -352,9 +352,9 @@ export default {
         };
         await ListingService.postNewItem(itemInfo);
 
-        await ImageService.PostImagesArrayToListing(this.item.images);
+        await ImageService.postImagesArrayToListing(this.item.images);
 
-        this.$router.push("/");
+        this.$router.go(-1);
       }
     },
 
@@ -397,7 +397,7 @@ export default {
       }
     },
 
-    removeImage(image) {
+    async removeImage(image) {
       let newImages = [];
       for (let i in this.item.images) {
         if (this.item.images[i] != image) {
@@ -405,6 +405,7 @@ export default {
         }
       }
       this.item.images = newImages;
+      await ImageService.deleteImage(image);
     },
   },
   async beforeMount() {

src/services/image.service.js

@@ -42,6 +42,19 @@ class ImageService {
         console.error(error.response);
       });
   }
+
+  deleteImage(image) {
+    return axios
+      .delete(image, {
+        headers: tokenHeader(),
+      })
+      .then((response) => {
+        return response;
+      })
+      .catch((error) => {
+        console.error(error.response);
+      });
+  }
 }
 
 export default new ImageService();