Merge pull request #14 from the-collab-lab/bm-es-nav-links

update Layout.js links with NavLinks which navigate to appropriate pages
the-collab-lab · Apr 6, 2023 · 4680929 · 4680929
2 parents eb042fa + 6127865
commit 4680929
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -1,4 +1,4 @@
-import { Outlet } from 'react-router-dom';
+import { NavLink, Outlet } from 'react-router-dom';
 
 import './Layout.css';
 
@@ -21,15 +21,15 @@ export function Layout() {
  <Outlet />
  </main>
  <nav className="Nav">
- <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="/add-item" className="Nav-link">
  Add Item
- </a>
+ </NavLink>
  </nav>
  </div>
  </>