From 135cad227a725c33d80b69bf6018714f3aeb9ec3 Mon Sep 17 00:00:00 2001
From: Barnaby <22575741+barnabwhy@users.noreply.github.com>
Date: Fri, 1 Mar 2024 12:46:55 +0000
Subject: [PATCH] disable extract selected button when nothing is selected

---
 src/components/FileTree.vue | 2 +-
 src/styles.css              | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/FileTree.vue b/src/components/FileTree.vue
index abf9ad7..5637292 100644
--- a/src/components/FileTree.vue
+++ b/src/components/FileTree.vue
@@ -194,7 +194,7 @@ watch(selectMode, (newVal) => {
                 <input type="checkbox" v-model="selectMode">
             </label>
             <br>
-            <button v-if="selectMode" @click="mainStore.extractFiles([...checkedFiles])">Extract selected</button>
+            <button v-if="selectMode" @click="mainStore.extractFiles([...checkedFiles])" :disabled="checkedFiles.size == 0">Extract selected</button>
             <button v-else @click="mainStore.extractAll">Extract all</button>
         </div>
     </div>
diff --git a/src/styles.css b/src/styles.css
index 222fe34..e5b48fa 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -104,3 +104,9 @@ input[type="checkbox"] {
     accent-color: var(--color-primary-light);
     box-shadow: none;
 }
+
+button:disabled {
+  opacity: 0.875;
+  filter: brightness(0.875);
+  pointer-events: none;
+}