diff --git a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx index 1d2297ee7b..bbc0c0fce5 100644 --- a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx +++ b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx @@ -81,6 +81,7 @@ export const MultiselectFilterControl = ({ const textInputRef = React.useRef(); const [inputValue, setInputValue] = React.useState(""); + const onFilterClearAll = () => setFilterValue([]); const onFilterClear = (chip: string | ToolbarChip) => { const displayValue = typeof chip === "string" ? chip : chip.key; const optionKey = getOptionKeyFromChip(displayValue); @@ -357,6 +358,7 @@ export const MultiselectFilterControl = ({ id={`filter-control-${category.key}`} chips={chips} deleteChip={(_, chip) => onFilterClear(chip)} + deleteChipGroup={onFilterClearAll} categoryName={category.title} showToolbarItem={showToolbarItem} >