diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js index 8575aa4..b91da03 100644 --- a/src/components/Header/Header.js +++ b/src/components/Header/Header.js @@ -14,14 +14,13 @@ const Header = () => { const { siteMetadata: { title, menuLinks, social: { twitter, telegram } } } = useSiteMetadataQuery() const [isScrolled, setIsScrolled] = React.useState(false) const [isMobileOpen, setIsMobileOpen] = React.useState(false) - const [isDark, setIsDark] = React.useState(false) + const [isDark, setIsDark] = React.useState(localStorage.getItem('dark') ? true : false) const { pathname } = useLocation() React.useEffect(() => { - setIsDark(window.__isDarkTheme) isMobileOpen ? document.body.style.overflowY = 'hidden' : document.body.style.overflowY = '' document.body.onscroll = () => window.pageYOffset >= 100 ? setIsScrolled(true) : setIsScrolled(false) - }, [setIsDark, isMobileOpen]) + }, [isMobileOpen]) const mobileHandler = () => { setIsMobileOpen(!isMobileOpen)