cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-25 08:59:13 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

navlinks

Browse Source
This commit is contained in:
cv
2021-04-23 19:05:21 +02:00
parent 7ee1424c1e
commit 11fca1ab6d
1 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/common/components/nav/NavLogo.jsx
+19 -4
View File
@@ -1,4 +1,4 @@
import { Link } from 'react-router-dom'; import { Link, Redirect } from 'react-router-dom';
import { Image } from '@chakra-ui/react'; import { Image } from '@chakra-ui/react';
import { AnimatePresence, motion } from 'framer-motion'; import { AnimatePresence, motion } from 'framer-motion';
import { useState } from 'react'; import { useState } from 'react';
@@ -32,13 +32,28 @@ export default function NavLogo() {
exit={{ opacity: 0, scaleY: 0, y: -50 }} exit={{ opacity: 0, scaleY: 0, y: -50 }}
className={showNav ? style.nav : style.navHidden} className={showNav ? style.nav : style.navHidden}
> >
<Link to='/speaker' className={style.navItem}> <Link
to='/speaker'
className={style.navItem}
tabIndex={1}
onKeyDownCapture={() => <Redirect push to='/speaker' />}
>
Speaker Speaker
</Link> </Link>
<Link to='/sm' className={style.navItem}> <Link
to='/sm'
className={style.navItem}
tabIndex={2}
onKeyDownCapture={() => <Redirect push to='/sm' />}
>
Backstage Backstage
</Link> </Link>
<Link to='/lower' className={style.navItem}> <Link
to='/lower'
className={style.navItem}
tabIndex={3}
onKeyDownCapture={() => <Redirect push to='/lower' />}
>
Lower Thirds Lower Thirds
</Link> </Link>
</motion.div> </motion.div>