refactor(components): ♻️ add setFilter prop to reset filter when proj…

…ects are closed
Afordin · Apr 5, 2024 · b9e4fea · b9e4fea
1 parent 896e38c
commit b9e4fea
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/Buttons/ToggleButtonGroup/ToggleButtonGroup.tsx b/src/components/Buttons/ToggleButtonGroup/ToggleButtonGroup.tsx
@@ -17,14 +17,23 @@ interface ToggleButtonGroupProps {
    * Sets the state of the button
    */
   setIsActive: Dispatch<boolean>;
+
+  /**
+   * Sets the state of the Filter
+   */
+  setFilter: Dispatch<string[]>;
 }
 
-export const ToggleButtonGroup = ({ className, isActive, setIsActive }: ToggleButtonGroupProps) => {
+export const ToggleButtonGroup = ({ className, isActive, setIsActive, setFilter }: ToggleButtonGroupProps) => {
   const classes = {
     container: cn('max-sm:grid max-sm:gap-4 ', className)
   };
 
-  const handleActive = (isActive) => setIsActive(isActive);
+  const handleActive = (isActive: boolean) => {
+    setFilter([]);
+    setIsActive(isActive);
+  };
+
   const handleButtonVariant = (isActive: boolean): VARIANT => (isActive ? VARIANT.PRIMARY : VARIANT.SECONDARY);
 
   return (