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 }) {
<>