update class names to use just Nav-link remove unneeded portions

the-collab-lab · Aug 15, 2024 · 688727b · 688727b
1 parent 94c2b31
commit 688727b
Showing 1 changed file with 3 additions and 18 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -26,28 +26,13 @@ export function Layout() {
 				<nav className="Nav">
 					<div className="Nav-container">
 						{!!user ? <SignOutButton /> : <SignInButton />}
-						<NavLink
-							to="/"
-							className={({ isActive }) =>
-								`Nav-link ${isActive ? 'active' : ''}`
-							}
-						>
+						<NavLink to="/" className="Nav-link">
 							Home
 						</NavLink>
-						<NavLink
-							to="/list"
-							className={({ isActive }) =>
-								`Nav-link ${isActive ? 'active' : ''}`
-							}
-						>
+						<NavLink to="/list" className="Nav-link">
 							List
 						</NavLink>
-						<NavLink
-							to="/manage-list"
-							className={({ isActive }) =>
-								`Nav-link ${isActive ? 'active' : ''}`
-							}
-						>
+						<NavLink to="/manage-list" className="Nav-link">
 							Manage List
 						</NavLink>
 					</div>