From 25c4973f57a5b2a49c276b9d1cb5142b28311567 Mon Sep 17 00:00:00 2001
From: mini <afanamigo@gmail.com>
Date: Wed, 18 Feb 2026 22:44:54 +0800
Subject: [PATCH] fix: disable Download button after completion, reset on
 format change

---
 frontend/src/views/Home.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 6f8e879..a68ee6b 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -20,15 +20,15 @@
       <div class="formats">
         <h4>Select Quality:</h4>
         <div v-for="fmt in videoInfo.formats" :key="fmt.format_id" class="format-item"
-             :class="{ selected: selectedFormat === fmt.format_id }" @click="selectedFormat = fmt.format_id">
+             :class="{ selected: selectedFormat === fmt.format_id }" @click="selectedFormat = fmt.format_id; downloadReady = false; taskId = ''; progress = 0">
           <span class="quality">{{ fmt.quality }}</span>
           <span class="ext">{{ fmt.ext }}</span>
           <span v-if="fmt.filesize" class="size">~{{ humanSize(fmt.filesize) }}</span>
         </div>
       </div>
 
-      <button class="download-btn" @click="startDownload" :disabled="downloading">
-        {{ downloading ? '⏳ Downloading...' : '📥 Download' }}
+      <button class="download-btn" @click="startDownload" :disabled="downloading || downloadReady">
+        {{ downloading ? '⏳ Downloading...' : downloadReady ? '✅ Downloaded' : '📥 Download' }}
       </button>
     </div>