| 1 |
import React, { useState, useEffect } from 'react' |
| 2 |
import Home from '../pages/Home' |
| 3 |
import Designs from '../pages/demo/Designs' |
| 4 |
import Header from '../components/Header' |
| 5 |
import Container from '../components/Container' |
| 6 |
|
| 7 |
const Layout = () => { |
| 8 |
const [current, setCurrent] = useState(0) |
| 9 |
const activeNavHandler = (activeNavItem) => { |
| 10 |
sessionStorage.setItem('main-nav', activeNavItem); |
| 11 |
setCurrent(activeNavItem); |
| 12 |
}; |
| 13 |
useEffect(() => { |
| 14 |
sessionStorage.removeItem('main-nav') |
| 15 |
const active = sessionStorage.getItem('main-nav'); |
| 16 |
if (active) { |
| 17 |
setCurrent(+active) |
| 18 |
} |
| 19 |
}, []) |
| 20 |
const content = [ |
| 21 |
|
| 22 |
<Designs />, |
| 23 |
<Home /> |
| 24 |
|
| 25 |
|
| 26 |
] |
| 27 |
return ( |
| 28 |
<> |
| 29 |
<Header current={current} activeNavHandler={activeNavHandler} /> |
| 30 |
<main> |
| 31 |
<Container> |
| 32 |
{content[current]} |
| 33 |
</Container> |
| 34 |
</main> |
| 35 |
</> |
| 36 |
) |
| 37 |
} |
| 38 |
|
| 39 |
export default Layout |
| 40 |
|
