From 0ee8e6671ad2a9faa5ff06e31f9bb5056fa840ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=C4=9Fuzhan=20G=C3=BC=C3=A7?= <oguzhan.guc@ayssoft.com>
Date: Wed, 24 Jul 2024 11:31:23 +0300
Subject: [PATCH 1/3] feat: Label added for FileInput dropzone

---
 src/components/FwbFileInput/FwbFileInput.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/FwbFileInput/FwbFileInput.vue b/src/components/FwbFileInput/FwbFileInput.vue
index becca73a..8ec39bc6 100644
--- a/src/components/FwbFileInput/FwbFileInput.vue
+++ b/src/components/FwbFileInput/FwbFileInput.vue
@@ -15,11 +15,12 @@
     </div>
     <div
       v-else
-      class="flex items-center justify-center"
+      class="flex flex-col items-start justify-center"
       @change="handleChange"
       @dragover="dragOverHandler"
       @drop="dropFileHandler"
     >
+    <span v-if="label !== ''" :class="labelClasses">{{ label }}</span>
       <label :class="dropzoneLabelClasses">
         <div :class="dropzoneWrapClasses">
           <svg

From 78ac82d91abe8294217fb718c2da9eca4097d2e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=C4=9Fuzhan=20G=C3=BC=C3=A7?= <oguzhan.guc@ayssoft.com>
Date: Fri, 2 Aug 2024 10:26:24 +0300
Subject: [PATCH 2/3] chore: Refactor FwbFileInput component lint

---
 src/components/FwbFileInput/FwbFileInput.vue | 49 ++++----------------
 1 file changed, 10 insertions(+), 39 deletions(-)

diff --git a/src/components/FwbFileInput/FwbFileInput.vue b/src/components/FwbFileInput/FwbFileInput.vue
index 8ec39bc6..0d43ef46 100644
--- a/src/components/FwbFileInput/FwbFileInput.vue
+++ b/src/components/FwbFileInput/FwbFileInput.vue
@@ -3,33 +3,15 @@
     <div v-if="!dropzone">
       <label>
         <span :class="labelClasses">{{ label }}</span>
-        <input
-          :class="fileInpClasses"
-          :multiple="multiple"
-          type="file"
-          :accept="accept"
-          @change="handleChange"
-        >
+        <input :class="fileInpClasses" :multiple="multiple" type="file" :accept="accept" @change="handleChange" />
       </label>
       <slot />
     </div>
-    <div
-      v-else
-      class="flex flex-col items-start justify-center"
-      @change="handleChange"
-      @dragover="dragOverHandler"
-      @drop="dropFileHandler"
-    >
-    <span v-if="label !== ''" :class="labelClasses">{{ label }}</span>
+    <div v-else class="flex flex-col items-start justify-center" @change="handleChange" @dragover="dragOverHandler" @drop="dropFileHandler">
+      <span v-if="label !== ''" :class="labelClasses">{{ label }}</span>
       <label :class="dropzoneLabelClasses">
         <div :class="dropzoneWrapClasses">
-          <svg
-            aria-hidden="true"
-            class="w-8 h-8 text-gray-500 dark:text-gray-400"
-            fill="none"
-            viewBox="0 0 20 16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
+          <svg aria-hidden="true" class="w-8 h-8 text-gray-500 dark:text-gray-400" fill="none" viewBox="0 0 20 16" xmlns="http://www.w3.org/2000/svg">
             <path
               d="M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
               stroke-linecap="round"
@@ -47,12 +29,7 @@
           </div>
           <p v-else>File: {{ dropZoneText }}</p>
         </div>
-        <input
-          :multiple="multiple"
-          type="file"
-          :accept="accept"
-          class="hidden"
-        >
+        <input :multiple="multiple" type="file" :accept="accept" class="hidden" />
       </label>
     </div>
   </div>
@@ -68,8 +45,8 @@ interface FileInputProps {
   label?: string
   modelValue?: File | File[] | null
   multiple?: boolean
-  size?: string,
-  accept?:string,
+  size?: string
+  accept?: string
 }
 
 const props = withDefaults(defineProps<FileInputProps>(), {
@@ -97,10 +74,10 @@ const dropZoneText = computed(() => {
 
 const emit = defineEmits(['update:modelValue'])
 const model = computed({
-  get () {
+  get() {
     return props.modelValue
   },
-  set (val) {
+  set(val) {
     emit('update:modelValue', val)
   },
 })
@@ -139,11 +116,5 @@ const dragOverHandler = (event: Event) => {
   event.preventDefault()
 }
 
-const {
-  fileInpClasses,
-  labelClasses,
-  dropzoneLabelClasses,
-  dropzoneWrapClasses,
-  dropzoneTextClasses,
-} = useFileInputClasses(props.size)
+const { fileInpClasses, labelClasses, dropzoneLabelClasses, dropzoneWrapClasses, dropzoneTextClasses } = useFileInputClasses(props.size)
 </script>

From 08ca9582a83d020379737e2fa57983334e16a5a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?O=C4=9Fuzhan=20G=C3=BC=C3=A7?= <oguzhan.guc@ayssoft.com>
Date: Fri, 2 Aug 2024 10:31:17 +0300
Subject: [PATCH 3/3] chore: Refactor FwbFileInput component lint

---
 src/components/FwbFileInput/FwbFileInput.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FwbFileInput/FwbFileInput.vue b/src/components/FwbFileInput/FwbFileInput.vue
index 0d43ef46..a342c426 100644
--- a/src/components/FwbFileInput/FwbFileInput.vue
+++ b/src/components/FwbFileInput/FwbFileInput.vue
@@ -74,10 +74,10 @@ const dropZoneText = computed(() => {
 
 const emit = defineEmits(['update:modelValue'])
 const model = computed({
-  get() {
+  get () {
     return props.modelValue
   },
-  set(val) {
+  set (val) {
     emit('update:modelValue', val)
   },
 })