performance fix (keeping track of event listeners a bit better)

VikeLabs · Feb 10, 2024 · c0fe13f · c0fe13f
1 parent c01d082
commit c0fe13f
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/courseup/src/components/common/header/containers/HeaderContainer.tsx b/courseup/src/components/common/header/containers/HeaderContainer.tsx
@@ -9,6 +9,7 @@ import classNames from 'classnames';
 
 export function HeaderContainer({ setBlurBackground }: any) {
   const unblurOverride = useRef(false);
+  const unblurListenerAdded = useRef(false);
 
   return (
     <div className="navbar flex items-center bg-base-100 shadow-md px-2 md:px-4 lg:px-5">
@@ -27,11 +28,15 @@ export function HeaderContainer({ setBlurBackground }: any) {
                 if (!unblurOverride.current) {
                   setBlurBackground((prev: Boolean) => !prev);
                   document.removeEventListener('click', unBlurBackground);
+                  unblurListenerAdded.current = false;
                 } else {
                   unblurOverride.current = false;
                 }
               };
-              document.addEventListener('click', unBlurBackground);
+              if (!unblurListenerAdded.current) {
+                document.addEventListener('click', unBlurBackground);
+                unblurListenerAdded.current = true;
+              }
             }}
           >
             <svg