refactor: put link inside an li on ul

jandiralceu · Sep 15, 2024 · 81bf7d0 · 81bf7d0
1 parent 4e43e5b
commit 81bf7d0
Showing 1 changed file with 14 additions and 13 deletions.
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
@@ -37,19 +37,20 @@ export default function Navbar({
             : location.pathname === path;
 
         return (
-          <Link
-            key={path}
-            to={path}
-            className={[
-              "pb-2 ",
-              isCurrentRoute
-                ? `font-bold border-b-2 ${activeBorderClassName}`
-                : `border-b-0 hover:border-b-2 transition-all duration-300 ease-in ${hoverBorderClassName}`,
-            ].join(" ")}
-            title={name}
-          >
-            {name}
-          </Link>
+          <li key={path}>
+            <Link
+              to={path}
+              className={[
+                "pb-2 ",
+                isCurrentRoute
+                  ? `font-bold border-b-2 ${activeBorderClassName}`
+                  : `border-b-0 hover:border-b-2 transition-all duration-300 ease-in ${hoverBorderClassName}`,
+              ].join(" ")}
+              title={name}
+            >
+              {name}
+            </Link>
+          </li>
         );
       })}
       {children}