From d9e1b421b5f06874b1f4f9b03f492d585170ecea Mon Sep 17 00:00:00 2001
From: Andy Espagnolo <andyespagnolo@gmail.com>
Date: Thu, 22 Feb 2024 15:33:40 -0300
Subject: [PATCH] fix: activity ticker filter button not working on network
 change (#1678)

---
 src/components/Home/ActivityTickerFilter.css |  4 ++++
 src/components/Home/ActivityTickerFilter.tsx | 12 ++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/Home/ActivityTickerFilter.css b/src/components/Home/ActivityTickerFilter.css
index 7777e8a33..854dd2ec2 100644
--- a/src/components/Home/ActivityTickerFilter.css
+++ b/src/components/Home/ActivityTickerFilter.css
@@ -1,4 +1,8 @@
 .ActivityTickerFilter {
+  z-index: 1;
+}
+
+.ActivityTickerFilter__ButtonContainer {
   height: 18px;
   flex-shrink: 0;
   display: flex;
diff --git a/src/components/Home/ActivityTickerFilter.tsx b/src/components/Home/ActivityTickerFilter.tsx
index fb5d35f0b..853c075fc 100644
--- a/src/components/Home/ActivityTickerFilter.tsx
+++ b/src/components/Home/ActivityTickerFilter.tsx
@@ -67,11 +67,15 @@ export default function ActivityTickerFilter({ onApply, filterState }: Props) {
     setCheckedFilters((prev) => ({ ...prev, [filterClicked]: !prev[filterClicked] }))
   }
 
-  useClickOutside('.ActivityTickerFilterBox', isOpen, () => setIsOpen(false))
+  useClickOutside('.ActivityTickerFilter', isOpen, () => setIsOpen(false))
 
   return (
-    <>
-      <div className={classNames('ActivityTickerFilter')} onMouseDown={() => setIsOpen(!isOpen)}>
+    <div className="ActivityTickerFilter">
+      <div
+        role="button"
+        className="ActivityTickerFilter__ButtonContainer"
+        onClick={() => setIsOpen((prevState) => !prevState)}
+      >
         {selectedFiltersCount !== 0 && <Counter count={selectedFiltersCount} size="small" />}
         <div
           className={classNames(
@@ -122,6 +126,6 @@ export default function ActivityTickerFilter({ onApply, filterState }: Props) {
           </div>
         </div>
       )}
-    </>
+    </div>
   )
 }