.

default.conf

@@ -7,5 +7,8 @@ server {
     }
     location /api {
         proxy_pass   PLACEHOLDER;
+        proxy_http_version 1.1;
+        proxy_set_header Connection $http_connection;
+        proxy_set_header Upgrade $http_upgrade;
     }
 }

src/routes/(app)/manga/[MangaID]/+page.svelte

@@ -10,7 +10,8 @@
 		Asyncmanga,
 		type MangaQuery,
 		fetchMangaChapters,
-		updateMangasCategories
+		updateMangasCategories,
+		enqueueChapterDownloads
 	} from '$lib/generated';
 	import Icon from '@iconify/svelte';
 	import { press } from 'svelte-gestures';
@@ -299,7 +300,17 @@
 					<div class="grow flex flex-wrap justify-between items-center">
 						<div class="flex items-center">
 							{#if selectmode}
-								<button class="icon-btn" data-tip="Download Selected (WIP)" on:click={() => {}}>
+								<button
+									class="icon-btn"
+									data-tip="Download Selected"
+									on:click={() => {
+										enqueueChapterDownloads({
+											variables: {
+												ids: Object.values(selected).map((a) => a.id)
+											}
+										});
+									}}
+								>
 									<Icon class="text-5xl" icon="mdi:box-download" />
 								</button>
 								<button
@@ -524,9 +535,14 @@
 													>
 														<button
 															on:click|preventDefault={() => {
+																enqueueChapterDownloads({
+																	variables: {
+																		ids: chapter.id
+																	}
+																});
 																unfocus();
 															}}
-															class="btn m-0 join-item normal-case">Downlaod</button
+															class="btn m-0 join-item normal-case">Download</button
 														>
 														<button
 															on:click|preventDefault={() => {