Merge pull request #18 from the-collab-lab/hm-qg-nav-routing

the-collab-lab · Aug 17, 2024 · 9b57689 · 9b57689
2 parents df7dd96 + 6ba85f4
commit 9b57689
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -4,6 +4,7 @@ import { Outlet } from 'react-router-dom';
 import './Layout.css';
 import { useAuth } from '../api';
 import { SignInButton, SignOutButton } from '../api/useAuth';
+import { NavLink } from 'react-router-dom';
 
 /**
  * TODO: The links defined in this file don't work!
@@ -34,15 +35,15 @@ export function Layout() {
  </main>
  <nav className="Nav">
  <div className="Nav-container">
- <a href="#" className="Nav-link">
+ <NavLink to="/" className="Nav-link">
  Home
- </a>
- <a href="#" className="Nav-link">
+ </NavLink>
+ <NavLink to="/list" className="Nav-link">
  List
- </a>
- <a href="#" className="Nav-link">
+ </NavLink>
+ <NavLink to="/manage-list" className="Nav-link">
  Manage List
- </a>
+ </NavLink>
  </div>
  </nav>
  </div>