From f83b211a7f33ee284afeb64baf35309e1909491e Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 12 Mar 2024 11:37:11 +0530
Subject: [PATCH] fix: clear link field value

---
 frontend/src/components/Controls/Link.vue | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Controls/Link.vue b/frontend/src/components/Controls/Link.vue
index 308919fd..cad13609 100644
--- a/frontend/src/components/Controls/Link.vue
+++ b/frontend/src/components/Controls/Link.vue
@@ -28,8 +28,8 @@
         <slot name="item-label" v-bind="{ active, selected, option }" />
       </template>
 
-      <template v-if="attrs.onCreate" #footer="{ value, close }">
-        <div>
+      <template #footer="{ value, close }">
+        <div v-if="attrs.onCreate">
           <Button
             variant="ghost"
             class="w-full !justify-start"
@@ -41,6 +41,18 @@
             </template>
           </Button>
         </div>
+        <div>
+          <Button
+            variant="ghost"
+            class="w-full !justify-start"
+            label="Clear"
+            @click="() => clearValue(close)"
+          >
+            <template #prefix>
+              <FeatherIcon name="x" class="h-4" />
+            </template>
+          </Button>
+        </div>
       </template>
     </Autocomplete>
   </div>
@@ -145,6 +157,11 @@ function reload(val) {
   options.reload()
 }
 
+function clearValue(close) {
+  emit(valuePropPassed.value ? 'change' : 'update:modelValue', '')
+  close()
+}
+
 const labelClasses = computed(() => {
   return [
     {