Merge pull request #590 from vtex-apps/feature/fix-clear-filter

fix clear filter behavior when the filter is not applied yet
vtex-apps · Jun 21, 2022 · 20de62d · 20de62d
2 parents 0143b5f + a001653
commit 20de62d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Fixed
+- Clear filter behavior when the filter is not applied yet.
+
 ## [3.117.4] - 2022-06-08
 
 ### Fixed

diff --git a/react/components/FilterSidebar.js b/react/components/FilterSidebar.js
@@ -151,6 +151,11 @@ const FilterSidebar = ({
         (!key || (key && key === facet.key))
     )
 
+    if (selectedFacets.length === 0 && key) {
+      setFilterOperations(filterOperations.filter(filter => filter.key !== key))
+      return
+    }
+
     // Should not clear categories, departments and clusterIds
     const selectedRest = filterOperations.filter((facet) =>
       isCategoryDepartmentCollectionOrFT(facet.key)