From 2847689815c6c7ae1960fd4ae61a22a4ccf66acf Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Thu, 1 Apr 2021 20:51:03 -0400
Subject: [PATCH] #26 updating window functionality to deploy

---
 src/components/header/header.jsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/header/header.jsx b/src/components/header/header.jsx
index eb25d5f..75dcb8a 100644
--- 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" : ""}>