From 11fca1ab6d82b0a5f7671f6e0c291f4c2129ee4b Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Fri, 23 Apr 2021 19:05:21 +0200
Subject: [PATCH] navlinks

---
 client/src/common/components/nav/NavLogo.jsx | 23 ++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/client/src/common/components/nav/NavLogo.jsx b/client/src/common/components/nav/NavLogo.jsx
index 2e1f565ff..35830d180 100644
--- a/client/src/common/components/nav/NavLogo.jsx
+++ b/client/src/common/components/nav/NavLogo.jsx
@@ -1,4 +1,4 @@
-import { Link } from 'react-router-dom';
+import { Link, Redirect } from 'react-router-dom';
 import { Image } from '@chakra-ui/react';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useState } from 'react';
@@ -32,13 +32,28 @@ export default function NavLogo() {
             exit={{ opacity: 0, scaleY: 0, y: -50 }}
             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
             </Link>
-            <Link to='/sm' className={style.navItem}>
+            <Link
+              to='/sm'
+              className={style.navItem}
+              tabIndex={2}
+              onKeyDownCapture={() => <Redirect push to='/sm' />}
+            >
               Backstage
             </Link>
-            <Link to='/lower' className={style.navItem}>
+            <Link
+              to='/lower'
+              className={style.navItem}
+              tabIndex={3}
+              onKeyDownCapture={() => <Redirect push to='/lower' />}
+            >
               Lower Thirds
             </Link>
           </motion.div>