From 17ae64dc1c5fe142b2c911bfa8689f3349e6e523 Mon Sep 17 00:00:00 2001
From: Radekor500 <radek00500@gmail.com>
Date: Tue, 25 Jul 2023 22:25:33 +0200
Subject: [PATCH] change text when file is over dropzone

---
 .../ClientApp/src/components/FileUploadForm/FileInput.vue  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue b/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue
index e3276fc..e66a388 100644
--- a/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue
+++ b/SecureSend/ClientApp/src/components/FileUploadForm/FileInput.vue
@@ -18,7 +18,7 @@ const onDrop = (files: File[] | null) => {
   emit("onFielsChange", files);
 };
 
-const { isOverDropZone } = useDropZone(fileDropZone, {onDrop});
+const { isOverDropZone } = useDropZone(fileDropZone, { onDrop });
 </script>
 
 <template>
@@ -33,9 +33,12 @@ const { isOverDropZone } = useDropZone(fileDropZone, {onDrop});
     >
       <div class="flex flex-col items-center justify-center pt-5 pb-6">
         <UploadIcon></UploadIcon>
-        <p class="mb-2 text-sm text-gray-500 dark:text-gray-400">
+        <p v-if="!isOverDropZone" class="mb-2 text-sm text-gray-400">
           <span class="font-semibold">Click to upload</span> or drag and drop
         </p>
+        <p v-else class="mb-2 text-sm text-gray-400">
+          <span class="font-semibold">Drop files to upload</span>
+        </p>
       </div>
       <input
         @change="