#26 updating window functionality to deploy

Scout-NU · Apr 2, 2021 · 2847689 · 2847689
1 parent 61d334e
commit 2847689
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/header/header.jsx b/src/components/header/header.jsx
@@ -10,18 +10,20 @@ import {
 
 export const Header = () => {
   const [open, setOpen] = useState(false)
-  const [colorChange, setColorchange] = useState(false)
-  const changeNavbarColor = () => {
-    if (typeof window !== "undefined" && window.scrollY >= 80) {
-      setColorchange(true)
-    } else {
-      setColorchange(false)
-    }
-  }
-  window.addEventListener("scroll", changeNavbarColor)
+  const [colorChange, setColorchange] = useState(false);
+  const changeNavbarColor = () =>{
+     if(typeof window !== "undefined" && window.scrollY >= 80){
+       setColorchange(true);
+     }
+     else{
+       setColorchange(false);
+     }
+  };
+  window.addEventListener('scroll', changeNavbarColor);
+
 
   return (
-    <NavContainer className={colorChange ? "navbar colorChange" : "navbar"}>
+    <NavContainer className={colorChange ? 'navbar colorChange' : 'navbar'}>
       <Logo>PowerHouse</Logo>
 
       <MobileIcon onClick={() => setOpen(!open)} className={open ? "open" : ""}>