From bc65e3f053bf54f2669a9b6755ce00b29a0a1a48 Mon Sep 17 00:00:00 2001
From: Marc-Olivier Leblanc <leblanc.marco37@gmail.com>
Date: Thu, 16 Jun 2022 09:29:43 -0400
Subject: [PATCH] fix download queue delete button (#176)

Co-authored-by: Marc-Olivier Leblanc <leblanc.marc-olivier.4@courrier.uqam.ca>
---
 src/screens/DownloadQueue.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/screens/DownloadQueue.tsx b/src/screens/DownloadQueue.tsx
index 21801ef1..51954851 100644
--- a/src/screens/DownloadQueue.tsx
+++ b/src/screens/DownloadQueue.tsx
@@ -101,6 +101,21 @@ export default function DownloadQueue() {
         return <EmptyView message="No downloads" />;
     }
 
+    const callDeleteServer = (chapter: IChapter) => {
+        // remove from download queue
+        client.delete(`/api/v1/download/${chapter.mangaId}/chapter/${chapter.index}`);
+
+        // delete partial download, should be handle server side?
+        // bug: The folder and the last image downloaded are not deleted
+        client.delete(`/api/v1/manga/${chapter.mangaId}/chapter/${chapter.index}`);
+    };
+
+    const deleteChapterQueue = (chapter: IChapter) => {
+        // required to stop before deleting otherwise the download kept going. Server issue?
+        client.get('/api/v1/downloads/stop')
+            .then(() => callDeleteServer(chapter));
+    };
+
     return (
         <>
             <DragDropContext onDragEnd={onDragEnd}>
@@ -162,6 +177,9 @@ export default function DownloadQueue() {
                                                     // deleteCategory(index);
                                                     // prevent parent tags from getting the event
                                                     e.stopPropagation();
+
+                                                    // delete chapter from download queue
+                                                    deleteChapterQueue(item.chapter);
                                                 }}
                                                 size="large"
                                             >