diff --git a/client/src/components/editFiltersPopup/index.js b/client/src/components/editFiltersPopup/index.js index 87871e8..ae96f02 100644 --- a/client/src/components/editFiltersPopup/index.js +++ b/client/src/components/editFiltersPopup/index.js @@ -52,7 +52,7 @@ export default function EditFiltersPopup({ onCancel, onDone }) { ); const [filterGroups, setFilterGroups] = useState(initialFilters); const [selectedFilters, setSelectedFilters] = useState(initialSelection); - const [sections, setSections] = useState(initialSections, initialSections); + const [sections, setSections] = useState(initialSections); const handleCancel = () => { if (onCancel) { @@ -73,16 +73,16 @@ export default function EditFiltersPopup({ onCancel, onDone }) { if (index === -1) { setSelectedFilters([filter, ...selectedFilters]); setSearchFilters({ - ...search.filters, - [filter]: { ...search.filters[filter], active: true }, + ...searchFilters, + [filter]: { ...searchFilters[filter], active: true }, }); } } else { if (index !== -1) { setSelectedFilters(selectedFilters.filter((_, i) => i !== index)); setSearchFilters({ - ...search.filters, - [filter]: { ...search.filters[filter], active: false }, + ...searchFilters, + [filter]: { ...searchFilters[filter], active: false }, }); } } @@ -90,10 +90,15 @@ export default function EditFiltersPopup({ onCancel, onDone }) { const handleSearch = (q) => { if (q.length === 0) { - setFilterGroups(initialFilters); + const [filteredSections, filteredGroups] = getInitialFilters( + searchFilters, + () => true + ); + setSections(filteredSections); + setFilterGroups(filteredGroups); } else if (q.length >= 3) { const [filteredSections, filteredGroups] = getInitialFilters( - { ...search.filters }, + searchFilters, (f) => { return f.text.toLowerCase().includes(q.toLowerCase()); } @@ -201,10 +206,10 @@ function PopupSection({ title, filters, onFilterValueChange }) { <>
- {filters.map((filter, index) => { + {filters.map((filter) => { return (