Feature/request manager make requests abortable

src/components/manga/ChapterCard.tsx

@@ -71,7 +71,7 @@ const ChapterCard: React.FC<IProps> = (props: IProps) => {
                 [key]: value,
                 lastPageRead: key === 'read' ? 0 : undefined,
             })
-            .then(() => triggerChaptersUpdate());
+            .response.then(() => triggerChaptersUpdate());
     };
 
     const downloadChapter = () => {
@@ -82,7 +82,7 @@ const ChapterCard: React.FC<IProps> = (props: IProps) => {
     const deleteChapter = () => {
         requestManager
             .removeChapterFromDownloadQueue(chapter.mangaId, chapter.index)
-            .then(() => triggerChaptersUpdate());
+            .response.then(() => triggerChaptersUpdate());
         handleClose();
     };
 

src/components/manga/ChapterList.tsx

@@ -153,7 +153,7 @@ const ChapterList: React.FC<IProps> = ({ mangaId }) => {
         let actionPromise: Promise<any>;
 
         if (action === 'download') {
-            actionPromise = requestManager.addChaptersToDownloadQueue(chapterIds);
+            actionPromise = requestManager.addChaptersToDownloadQueue(chapterIds).response;
         } else {
             const change: BatchChaptersChange = {};
 
@@ -165,7 +165,7 @@ const ChapterList: React.FC<IProps> = ({ mangaId }) => {
                 change.lastPageRead = 0;
             }
 
-            actionPromise = requestManager.updateChapters(chapterIds, change);
+            actionPromise = requestManager.updateChapters(chapterIds, change).response;
         }
 
         actionPromise

src/components/manga/MangaDetails.tsx

@@ -145,12 +145,12 @@ const MangaDetails: React.FC<IProps> = ({ manga }) => {
 
     const addToLibrary = () => {
         mutate(`/api/v1/manga/${manga.id}`, { ...manga, inLibrary: true }, { revalidate: false });
-        requestManager.addMangaToLibrary(manga.id).then(() => mutate(`/api/v1/manga/${manga.id}`));
+        requestManager.addMangaToLibrary(manga.id).response.then(() => mutate(`/api/v1/manga/${manga.id}`));
     };
 
     const removeFromLibrary = () => {
         mutate(`/api/v1/manga/${manga.id}`, { ...manga, inLibrary: false }, { revalidate: false });
-        requestManager.removeMangaFromLibrary(manga.id).then(() => mutate(`/api/v1/manga/${manga.id}`));
+        requestManager.removeMangaFromLibrary(manga.id).response.then(() => mutate(`/api/v1/manga/${manga.id}`));
     };
 
     return (

src/components/navbar/action/CategorySelect.tsx

@@ -56,7 +56,7 @@ export default function CategorySelect(props: IProps) {
         (checked
             ? requestManager.addMangaToCategory(mangaId, categoryId)
             : requestManager.removeMangaFromCategory(mangaId, categoryId)
-        ).then(() => mutate());
+        ).response.then(() => mutate());
     };
 
     return (

src/screens/DownloadQueue.tsx

@@ -85,7 +85,7 @@ const DownloadQueue: React.FC = () => {
             return;
         }
 
-        requestManager.startDownloads().catch(() => {});
+        requestManager.startDownloads().response.catch(() => {});
     };
 
     return (

src/screens/Extensions.tsx

@@ -135,7 +135,7 @@ export default function MangaExtensions() {
             makeToast(t('extension.label.installing_file'), 'info');
             requestManager
                 .installExtension(file)
-                .then(() => {
+                .response.then(() => {
                     makeToast(t('extension.label.installed_successfully'), 'success');
                     mutate();
                 })

src/screens/SourceConfigure.tsx

@@ -57,7 +57,9 @@ export default function SourceConfigure() {
     };
 
     const updateValue = (position: number) => (value: any) => {
-        requestManager.setSourcePreferences(sourceId, position, convertToString(position, value)).then(() => mutate());
+        requestManager
+            .setSourcePreferences(sourceId, position, convertToString(position, value))
+            .response.then(() => mutate());
     };
 
     return (

src/screens/SourceMangas.tsx

@@ -108,7 +108,7 @@ export default function SourceMangas({ popular }: { popular: boolean }) {
                               };
                     }),
                 )
-                .then(() => {
+                .response.then(() => {
                     setTriggerUpdate(0);
                     makeFilters();
                 });
@@ -128,7 +128,7 @@ export default function SourceMangas({ popular }: { popular: boolean }) {
             setNoreset(undefined);
             setReset(1);
         } else if (Noreset === undefined) {
-            requestManager.resetSourceFilters(sourceId).then(() => {
+            requestManager.resetSourceFilters(sourceId).response.then(() => {
                 makeFilters();
                 setSearch(false);
                 if (reset === 1) {

src/screens/settings/Backup.tsx

@@ -30,7 +30,7 @@ export default function Backup() {
             makeToast(t('settings.backup.label.restoring_backup'), 'info');
             requestManager
                 .restoreBackupFile(file)
-                .then(() => makeToast(t('settings.backup.label.restored_backup'), 'success'))
+                .response.then(() => makeToast(t('settings.backup.label.restored_backup'), 'success'))
                 .catch(() => makeToast(t('settings.backup.label.backup_restore_failed'), 'error'));
         } else if (file.name.toLowerCase().endsWith('json')) {
             makeToast(t('settings.backup.label.legacy_backup_unsupported'), 'error');

src/screens/settings/Categories.tsx

@@ -79,7 +79,7 @@ export default function Categories() {
         newData.splice(to, 0, removed);
         mutate(newData, { revalidate: false });
 
-        requestManager.reorderCategory(from + 1, to + 1).finally(() => mutate());
+        requestManager.reorderCategory(from + 1, to + 1).response.finally(() => mutate());
     };
 
     const onDragEnd = (result: DropResult) => {
@@ -117,18 +117,18 @@ export default function Categories() {
         setDialogOpen(false);
 
         if (categoryToEdit === -1) {
-            requestManager.createCategory(dialogName).finally(() => mutate());
+            requestManager.createCategory(dialogName).response.finally(() => mutate());
         } else {
             const category = categories[categoryToEdit];
             requestManager
                 .updateCategory(category.id, { name: dialogName, default: dialogDefault })
-                .finally(() => mutate());
+                .response.finally(() => mutate());
         }
     };
 
     const deleteCategory = (index: number) => {
         const category = categories[index];
-        requestManager.deleteCategory(category.id).finally(() => mutate());
+        requestManager.deleteCategory(category.id).response.finally(() => mutate());
     };
 
     return (