fix(filter-clear): disable clear button when value is empty array (#2067

)
vtex · Jan 28, 2025 · 3ece22c · 3ece22c
2 parents c812da5 + ad094ff
commit 3ece22c
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/shoreline/src/components/filter/filter-clear.tsx b/packages/shoreline/src/components/filter/filter-clear.tsx
@@ -26,12 +26,19 @@ function useFilterClear() {
   const selectValue = select?.useState('value') ?? ''
   const filterValue = filter?.useState('value') ?? ''
 
+  const isSelectValueEmpty = Array.isArray(selectValue)
+    ? selectValue.length === 0
+    : !selectValue
+  const isFilterValueEmpty = Array.isArray(filterValue)
+    ? filterValue.length === 0
+    : !filterValue
+
   return {
     onClick() {
       filter?.setValue(reset)
       select?.setValue(reset)
     },
-    disabled: !selectValue && !filterValue,
+    disabled: isSelectValueEmpty && isFilterValueEmpty,
   }
 }