From 189e5b8f1758316b67d603f3e341773c7941c06d Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Mon, 13 Oct 2025 19:23:10 +0200
Subject: [PATCH] Add Chapter use for download button

---
 website/app/components/ChaptersList.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/website/app/components/ChaptersList.vue b/website/app/components/ChaptersList.vue
index 1ce037f..10303c4 100644
--- a/website/app/components/ChaptersList.vue
+++ b/website/app/components/ChaptersList.vue
@@ -24,12 +24,18 @@
             </template>
             <template #default>
                 <div>
-                    <MangaconnectorIcon
+                    <div
                         v-for="mangaconnectorId in chapter.mangaConnectorIds.sort((a, b) =>
                             a.mangaConnectorName < b.mangaConnectorName ? -1 : 1
                         )"
-                        v-bind="mangaconnectorId"
-                        :key="mangaconnectorId.key" />
+                        :key="mangaconnectorId.key"
+                        class="bg-elevated p-1 rounded-lg w-fit flex items-center justify-center gap-2"
+                    >
+                        <MangaconnectorIcon v-bind="mangaconnectorId" />
+                        <UTooltip :text="mangaconnectorId.useForDownload ? 'Stop downloading from this website' : 'Download from this website'">
+                            <UButton :icon="mangaconnectorId.useForDownload ? 'i-lucide-cloud-off' : 'i-lucide-cloud-download'" variant="ghost" disabled /> <!-- Not implemented yet -->
+                        </UTooltip>
+                    </div>
                 </div>
             </template>
         </UPageCard>