From 983ccba37ed0606a5d4c75c14b4b57a96623b1df Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Fri, 13 Sep 2024 00:13:42 +0100
Subject: [PATCH] make the players name clickable on the per score leaderboard

---
 src/components/leaderboard/leaderboard-player.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/leaderboard/leaderboard-player.tsx b/src/components/leaderboard/leaderboard-player.tsx
index e233f33..832ac2c 100644
--- a/src/components/leaderboard/leaderboard-player.tsx
+++ b/src/components/leaderboard/leaderboard-player.tsx
@@ -1,5 +1,6 @@
 import ScoreSaberScore from "@/common/data-fetcher/types/scoresaber/scoresaber-score";
 import Image from "next/image";
+import Link from "next/link";
 
 type Props = {
   score: ScoreSaberScore;
@@ -19,9 +20,13 @@ export default function LeaderboardPlayer({ score }: Props) {
         className="rounded-md min-w-[48px]"
         priority
       />
-      <div>
+      <Link
+        href={`/player/${player.id}`}
+        target="_blank"
+        className="h-fit hover:brightness-75 transition-all transform-gpu"
+      >
         <p>{player.name}</p>
-      </div>
+      </Link>
     </div>
   );
 }