From dd077c8f83f37c1f87556e04842fc7e2d8db41f0 Mon Sep 17 00:00:00 2001
From: Radekor500 <radek00500@gmail.com>
Date: Sun, 17 Dec 2023 15:12:59 +0100
Subject: [PATCH] add more files button fix

---
 .../src/components/FileUploadForm/FileInput.vue      | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue b/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue
index 45df4e4..f9dedd7 100644
--- a/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue
+++ b/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue
@@ -3,7 +3,7 @@ import UploadIcon from "@/assets/icons/UploadIcon.vue";
 import FileCard from "../FileCard.vue";
 import LoadingIndicator from "@/components/LoadingIndicator.vue";
 import CheckIcon from "@/assets/icons/CheckIcon.vue";
-import { ref } from "vue";
+import { inject, type Ref, ref } from "vue";
 import { useDropZone } from "@/utils/composables/useDropZone";
 import TrashIcon from "@/assets/icons/TrashIcon.vue";
 import PlusIcon from "@/assets/icons/PlusIcon.vue";
@@ -26,6 +26,8 @@ defineProps<{
   isUploadSetup: boolean;
 }>();
 
+const isLoading = inject<Ref<boolean>>("isLoading");
+
 const fileDropZone = ref<HTMLElement>();
 
 const onDrop = (files: File[] | null) => {
@@ -86,9 +88,7 @@ const { isOverDropZone } = useDropZone(fileDropZone, { onDrop });
             <TrashIcon class="w-5 h-3"></TrashIcon>
             <span class="sr-only">Remove file</span>
           </button>
-          <div
-            class="hidden md:flex gap-1 justify-between"
-          >
+          <div class="hidden md:flex gap-1 justify-between">
             <button
               v-if="value[1] === UploadState.InProgress"
               @click="emit('onCancel', key)"
@@ -169,13 +169,13 @@ const { isOverDropZone } = useDropZone(fileDropZone, { onDrop });
                 }`,
               }"
             >
-              {{value[0] }}
+              {{ value[0] }}
             </div>
           </div>
         </template>
       </FileCard>
     </TransitionGroup>
-    <div v-if="!files.size">
+    <div v-if="files.size > 0 && !isLoading">
       <label
         for="add-more-files"
         type="button"