From 7ad9b8b0be8ecf665672ddea90c5d6499bdae725 Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Thu, 30 May 2019 19:45:56 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D0=B0=20=D1=81?=
 =?UTF-8?q?=D0=BE=D1=85=D1=80=D0=B0=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BA?=
 =?UTF-8?q?=D1=83=D1=80=D1=81=D0=B0,=20=D0=B4=D1=83=D0=B1=D0=BB=D0=B8?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BC=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B8=D0=B0=D0=BB=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/blocks/BlockImages.vue | 4 ++--
 web/src/js/modules/api.js                 | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/blocks/BlockImages.vue b/web/src/components/blocks/BlockImages.vue
index f48836ac..cfd4c33f 100644
--- a/web/src/components/blocks/BlockImages.vue
+++ b/web/src/components/blocks/BlockImages.vue
@@ -72,11 +72,11 @@
             },
             onRemoveImage(index) {
                 let images = this.images;
-                let id = images[index].image_id;
+                const id = images[index].image_id;
 
                 api.removeImage(id, this.accessToken)
                     .then(response => {
-                        images.splice(index, 1);
+                        images = images.filter(image => image.image_id != id);
                         this.$emit('update:images', images);
                     });
             }
diff --git a/web/src/js/modules/api.js b/web/src/js/modules/api.js
index cb88cf69..cbf27e8f 100644
--- a/web/src/js/modules/api.js
+++ b/web/src/js/modules/api.js
@@ -75,6 +75,13 @@ export const api = {
             }
         });
     },
+    removeGalleryImage: (galleryImageId, accessToken) => {
+        return api.delete(`/api/v1/gallery-images/${galleryImageId}/`, {
+            headers: {
+                'Authorization': `Token ${accessToken}`,
+            }
+        });
+    },
     loadCourse: (courseId, accessToken) => {
         return api.get(`/api/v1/courses/${courseId}/`, {
             headers: {