Refactor Navigation component to use Next.js Link for navigation links, improving performance and accessibility.
This commit is contained in:
@@ -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 */}
|
||||||
|
|||||||
Reference in New Issue
Block a user