diff --git a/src/components/layout.js b/src/components/layout.js index c96c880..56aa89a 100644 --- a/src/components/layout.js +++ b/src/components/layout.js @@ -1,9 +1,11 @@ -import React, { useState } from 'react' +import React, { useState, useEffect } from 'react' import Link from 'next/link' import tabs from '../data/tabs.json' import constants from '../constants.json' +// FIXME: window resize event listener to show sidebar on resize + export default function Layout (props) { let href = props.route const [sidebarOpen, setSidebarOpen] = useState(true) @@ -12,10 +14,19 @@ export default function Layout (props) { href = 'index' } - if (typeof window !== 'undefined') { - console.log(window) + const closeSideBar = () => { + if (typeof window !== 'undefined') { + console.log('window.innerWidth', window.innerWidth) + if (window.innerWidth < constants.mobileWindowWidth) { + setSidebarOpen(false) + } + } } + useEffect(() => { + closeSideBar() + }, []) + return (