From d1d5366c5546d1634ddaa8bd8545b2b1a4150f1f Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 17 May 2024 19:02:51 +0530
Subject: [PATCH] feat: Clear all filter x button

---
 frontend/src/components/Filter.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Filter.vue b/frontend/src/components/Filter.vue
index 5159b559..517a66d4 100644
--- a/frontend/src/components/Filter.vue
+++ b/frontend/src/components/Filter.vue
@@ -1,7 +1,10 @@
 <template>
   <NestedPopover>
     <template #target>
-      <Button :label="__('Filter')">
+      <Button
+        :label="__('Filter')"
+        :class="filters?.size ? 'rounded-r-none' : ''"
+      >
         <template #prefix><FilterIcon class="h-4" /></template>
         <template v-if="filters?.size" #suffix>
           <div
@@ -11,6 +14,12 @@
           </div>
         </template>
       </Button>
+      <Button
+        v-if="filters?.size"
+        class="rounded-l-none border-l"
+        icon="x"
+        @click.stop="clearfilter"
+      />
     </template>
     <template #body="{ close }">
       <div class="my-2 rounded-lg border border-gray-100 bg-white shadow-xl">