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 (
@@ -36,6 +47,7 @@ export default function Layout (props) { return ( {item.text} diff --git a/src/pages/home.js b/src/pages/home.js deleted file mode 100644 index 993f616..0000000 --- a/src/pages/home.js +++ /dev/null @@ -1,32 +0,0 @@ -import React, { PureComponent } from 'react' - -import links from './links.json' -import constants from '../constants.json' - -// TODO: aludni -class HomeTab extends PureComponent { - render () { - return (
HAAAAAAAAAA
) - // return ( - //
- // {Object.keys(links).map((key) => { - // const link = links[key] - // return ( - //
- // - // {link.text} - // - //
- // ) - // })} - //
- // ) - } -} - -export default HomeTab