fix: Disable clear filter button in add filter dropdown (#9226)

app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/ActiveFilterChip.vue

@@ -60,6 +60,7 @@ const closeDropdown = () => emit('closeDropdown');
       <filter-list-dropdown
         v-if="options"
         v-on-clickaway="closeDropdown"
+        show-clear-filter
         :list-items="options"
         :active-filter-id="id"
         :input-placeholder="placeholder"

app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterDropdownSearch.vue

@@ -8,6 +8,10 @@ defineProps({
     type: String,
     default: '',
   },
+  showClearFilter: {
+    type: Boolean,
+    default: false,
+  },
 });
 </script>
 <template>
@@ -30,7 +34,7 @@ defineProps({
     </div>
     <!-- Clear filter button -->
     <woot-button
-      v-if="!inputValue"
+      v-if="!inputValue && showClearFilter"
       size="small"
       variant="clear"
       color-scheme="primary"

app/javascript/dashboard/routes/dashboard/settings/reports/components/Filters/v3/FilterListDropdown.vue

@@ -22,6 +22,10 @@ const props = defineProps({
     type: Number,
     default: null,
   },
+  showClearFilter: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const searchTerm = ref('');
@@ -54,6 +58,7 @@ const isFilterActive = id => {
         v-if="enableSearch && listItems.length"
         :input-value="searchTerm"
         :input-placeholder="inputPlaceholder"
+        :show-clear-filter="showClearFilter"
         @input="onSearch"
         @click="$emit('removeFilter')"
       />