✨ Add deleteChipGroup handler (#1750)

Resolves: #1744 Signed-off-by: Radoslaw Szwajkowski <[email protected]>
konveyor · Mar 11, 2024 · ad90cd5 · ad90cd5
1 parent 3e3d690
commit ad90cd5
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx b/client/src/app/components/FilterToolbar/MultiselectFilterControl.tsx
@@ -81,6 +81,7 @@ export const MultiselectFilterControl = <TItem,>({
   const textInputRef = React.useRef<HTMLInputElement>();
   const [inputValue, setInputValue] = React.useState<string>("");
 
+  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 = <TItem,>({
       id={`filter-control-${category.key}`}
       chips={chips}
       deleteChip={(_, chip) => onFilterClear(chip)}
+      deleteChipGroup={onFilterClearAll}
       categoryName={category.title}
       showToolbarItem={showToolbarItem}
     >