Refactor Navigation component to use Next.js Link for navigation links, improving performance and accessibility.

This commit is contained in:
Julien Froidefond
2025-12-09 06:50:54 +01:00
parent c5bd94ec69
commit f62843efcf

View File

@@ -1,5 +1,6 @@
"use client"; "use client";
import Link from "next/link";
import PlayerStats from "./PlayerStats"; import PlayerStats from "./PlayerStats";
export default function Navigation() { export default function Navigation() {
@@ -20,24 +21,24 @@ export default function Navigation() {
{/* Navigation Links - Center */} {/* Navigation Links - Center */}
<div className="flex items-center gap-6"> <div className="flex items-center gap-6">
<a <Link
href="/" href="/"
className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest" className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
> >
HOME HOME
</a> </Link>
<a <Link
href="/events" href="/events"
className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest" className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
> >
EVENTS EVENTS
</a> </Link>
<a <Link
href="/leaderboard" href="/leaderboard"
className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest" className="text-white hover:text-pixel-gold transition text-xs font-normal uppercase tracking-widest"
> >
LEADERBOARD LEADERBOARD
</a> </Link>
</div> </div>
{/* Player Stats - Right */} {/* Player Stats - Right */}