cupcakearmy/fantus
1
0
Fork 0
mirror of https://github.com/cupcakearmy/fantus.git synced 2026-04-03 01:45:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

update, formatting and vercel

Browse Source
This commit is contained in:
cupcakearmy
2021-01-02 00:21:29 +01:00
parent 4ee9c1bb8b
commit 801e1b6710
23 changed files with 1456 additions and 2986 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
screens/menu.tsx
View File

@@ -4,45 +4,48 @@ import Link from '../components/link'
import '../styles/menu.styl'
const HomeLink = () => <div className='home'>
<Link href='/'>
<div>fantus</div>
const HomeLink = () => (
<div className="home">
<Link href="/">
<div>fantus</div>
</Link>
</div>
</div>
)
const Menu: React.FC = () => {
const [open, setOpen] = useState(false)
const [open, setOpen] = useState(false)
const _close = useCallback(() => {
setOpen(false)
}, [])
const _close = useCallback(() => {
setOpen(false)
}, [])
const _toggle = useCallback(() => {
setOpen(!open)
}, [open])
const _toggle = useCallback(() => {
setOpen(!open)
}, [open])
return (
<nav className="main flex justify-between items-center">
<HomeLink />
return <nav className='main flex justify-between items-center'>
<img id="icon" src="/assets/menu.svg" onClick={_toggle} />
<div className={`links flex ${open ? 'open' : ''}`.trim()} onClick={_close}>
<HomeLink />
<img id='icon' src='/assets/menu.svg' onClick={_toggle} />
<div className={`links flex ${open ? 'open' : ''}`.trim()} onClick={_close}>
<HomeLink />
<Link href='/works'>
<div>works</div>
</Link>
<Link href='/sets'>
<div>sets</div>
</Link>
<Link href='/mastering'>
<div>mastering</div>
</Link>
<Link href='/about'>
<div>about</div>
</Link>
</div>
<Link href="/works">
<div>works</div>
</Link>
<Link href="/sets">
<div>sets</div>
</Link>
<Link href="/mastering">
<div>mastering</div>
</Link>
<Link href="/about">
<div>about</div>
</Link>
</div>
</nav>
)
}
export default Menu
export default Menu