Runs page in navbar

This commit is contained in:
2026-02-02 15:18:47 +01:00
parent 9762f61a73
commit 56e6dba243
2 changed files with 5 additions and 34 deletions
-29
View File
@@ -1,29 +0,0 @@
import Link, { LinkProps } from "next/link";
import { forwardRef } from "react";
import { cn } from "@/lib/utils";
import { usePathname } from "next/navigation";
interface NavLinkCompatProps extends Omit<LinkProps, "className"> {
className?: string;
activeClassName?: string;
pendingClassName?: string;
}
const NavLink = forwardRef<HTMLAnchorElement, NavLinkCompatProps>(
({ className, activeClassName, pendingClassName, href, ...props }, ref) => {
const pathname = usePathname();
const isActive = pathname === href;
const isPending = false;
return (
<Link
ref={ref}
href={href}
className={cn(className, isActive && activeClassName, isPending && pendingClassName)}
{...props}
/>
);
}
);
NavLink.displayName = "NavLink";
+5 -5
View File
@@ -11,16 +11,16 @@ const navs = [
icon: Zap,
name: "Problems",
},
{
link: "/run",
icon: Timer,
name: "Run",
},
{
link: "/leaderboards",
icon: Trophy,
name: "Leaderboards",
},
{
link: "/runs",
icon: Timer,
name: "Runs",
},
{
link: "/profile",
icon: User,