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>