From 9605b8f802d8d92cf2bf61e1476e6850b9b39bac Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon.vieille@trinaps.com>
Date: Tue, 9 May 2023 20:53:34 +0200
Subject: [PATCH] add reset button for files

---
 src/ui/FileForm.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/ui/FileForm.vue b/src/ui/FileForm.vue
index 2803723..b57ec7a 100644
--- a/src/ui/FileForm.vue
+++ b/src/ui/FileForm.vue
@@ -5,9 +5,13 @@
     :for="id"
     v-text="label"
   />
+  <button
+    class="px-3 py-1 mr-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white rounded-md"
+    v-on:click="reset"
+  >X</button>
   <input
     :id="id"
-    class="mt-2 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
+    class="mt-2 w-50 rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
     type="file"
     :class="$attrs.class"
     @change="convertFileToBase64($event.target.files)"
@@ -35,6 +39,9 @@ export default {
   },
   emits: ['update:modelValue'],
   methods: {
+    reset() {
+      this.$emit('update:modelValue', '')
+    },
     async convertFileToBase64(files) {
       if (files.length) {
         const value = await toBase64(files[0])