From 20558182e30196f66200cd7fbea47f0ed024a15e Mon Sep 17 00:00:00 2001
From: KJ Shanks <kyle.j.shanks@gmail.com>
Date: Wed, 17 Jul 2024 14:42:54 -0400
Subject: [PATCH] Update filter button to fix toggle filter button
 functionality

---
 .../components/button/FilterButton/FilterButton.tsx  | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/harmony/src/components/button/FilterButton/FilterButton.tsx b/packages/harmony/src/components/button/FilterButton/FilterButton.tsx
index 7a4207eb10f..b98e6bc61a6 100644
--- a/packages/harmony/src/components/button/FilterButton/FilterButton.tsx
+++ b/packages/harmony/src/components/button/FilterButton/FilterButton.tsx
@@ -134,15 +134,19 @@ export const FilterButton = forwardRef<HTMLButtonElement, FilterButtonProps>(
               aria-label='cancel'
               onClick={(e) => {
                 e.stopPropagation()
-                // @ts-ignore
-                onChange?.(null)
-                onReset?.()
+                if (onClick) {
+                  onClick()
+                } else {
+                  // @ts-ignore
+                  onChange?.(null)
+                  onReset?.()
+                }
               }}
               {...props}
             />
           )) as IconComponent)
         : iconRight ?? undefined
-    }, [variant, value, onChange, onReset, iconRight])
+    }, [variant, value, iconRight, onClick, onChange, onReset])
 
     useEffect(() => {
       if (isOpen) {