#28 updating window functionality to deploy

Scout-NU · Apr 2, 2021 · 61d334e · 61d334e
1 parent c228412
commit 61d334e
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/src/components/header/header.jsx b/src/components/header/header.jsx
@@ -10,20 +10,18 @@ import {
 
 export const Header = () => {
   const [open, setOpen] = useState(false)
-  const [colorChange, setColorchange] = useState(false);
-  const changeNavbarColor = () =>{
-     if(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" : ""}>