Comenzado el flujo oauth

hay que separar un poco todo

src/components/Nav.jsx

@@ -3,12 +3,9 @@ import {Link} from "react-router-dom";
 import './Nav.scss';
 import {useStateValue} from '../services/State'
 
-export const Nav = () => {
+export const Nav = (props) => {
     const [context, dispatch] = useStateValue();
 
-    const handleLogin = () => dispatch({type: 'login', user: {auth: true}})
-    const handleLogout = () => dispatch({type: 'logout', user: {auth: false}})
-
     const showLogin = () => {
         return context.user.auth === false;
     }
@@ -17,7 +14,7 @@ export const Nav = () => {
         if (showLogin()) {
             return <ul className='nav-links'>
                 <li className='link'>
-                    <button onClick={handleLogin}>Iniciar Sesión</button>
+                    <Link to='/login'>Iniciar Sesión</Link>
                 </li>
                 <li className='link'>
                     <Link to='/signup'>Registrate</Link>
@@ -26,10 +23,10 @@ export const Nav = () => {
         }else {
             return <ul className='nav-links'>
                 <li>
-                    Bienvenido
+                    Bienvenido {context.user.access_token}
                 </li>
                 <li className='link'>
-                    <button onClick={handleLogout}>Cerrar Sesión</button>
+                    <Link to='/logout'>Cerrar Sesión</Link>
                 </li>
             </ul>
         }