diff --git a/services/ui-src/src/components/SearchAndFilter.tsx b/services/ui-src/src/components/SearchAndFilter.tsx index e3959c2a1..6485e0c99 100644 --- a/services/ui-src/src/components/SearchAndFilter.tsx +++ b/services/ui-src/src/components/SearchAndFilter.tsx @@ -487,6 +487,11 @@ function FilterPane({ setAllFilters, }: FilterPaneProps) { const [showFilters, toggleShowFilters] = useToggle(false); + const { state: filterChips } = useFilterChipContext(); + const filterCount = useMemo( + () => filterChips.filter((chipVal) => chipVal.label !== null).length, + [filterChips] + ); const { dispatch: updateFilterChips } = useFilterChipContext(); const onResetFilters = useCallback(() => { // Resets filter chips state to no chips showing @@ -524,7 +529,7 @@ function FilterPane({ return ( <> - + {transitionFilterPane((style, showFilters) => showFilters