update <Link

cztomsik · Apr 16, 2024 · 07cf1cd · 07cf1cd
1 parent aeb4a36
commit 07cf1cd
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/app/_components/Link.tsx b/src/app/_components/Link.tsx
@@ -26,13 +26,11 @@ export const Link = props => {
  * A wrapper around the Link component that adds an active class to the
  * link when the route is active.
  **/
-export const NavLink = ({ href, activeClass = "active", exact = false, ...props }) => {
+export const NavLink = ({ href, class: className = "", activeClass = "active", exact = false, ...props }) => {
   // Touch the currentRoute to subscribe to changes
   router.currentRoute
 
-  if (router.match(exact ? href : `${href}*`)) {
-    props.class = (props.class ?? props.className ?? "") + " " + activeClass
-  }
+  const active = router.match(exact ? href : `${href}*`)
 
-  return <Link href={href} {...props} />
+  return <Link class={`${className} ${active ? activeClass : ""}`} href={href} {...props} />
 }