Merge pull request #26 from the-collab-lab/gb-db-nav-bar-links

NavLink set up to link to different views
the-collab-lab · Aug 18, 2024 · 20c9699 · 20c9699
2 parents f1588a2 + 53d1157
commit 20c9699
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -1,6 +1,8 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import { Outlet } from 'react-router-dom';
 import { useAuth, SignInButton, SignOutButton } from '../api/useAuth';
+import { NavLink } from 'react-router-dom';
+// import { Home, List, ManageList } from '../views';
 
 import './Layout.css';
 
@@ -27,15 +29,15 @@ export function Layout() {
 				</main>
 				<nav className="Nav">
 					<div className="Nav-container">
-						<a href="#" className="Nav-link">
+						<NavLink to="/" end 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>