From cff29d1c14fb3b310c63b7de274d80396ca91803 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Sun, 22 Oct 2023 06:10:43 +0100
Subject: [PATCH] add button to go to page in global ranking and make name
 closer to player info

---
 src/components/player/PlayerInfo.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/player/PlayerInfo.tsx b/src/components/player/PlayerInfo.tsx
index 02ab7e4..b80e697 100644
--- a/src/components/player/PlayerInfo.tsx
+++ b/src/components/player/PlayerInfo.tsx
@@ -126,13 +126,21 @@ export default function PlayerInfo({ playerData }: PlayerInfoProps) {
         </div>
         <div className="mt-1 flex w-full flex-col items-center gap-2 md:items-start">
           {/* Name */}
-          <p className="text-2xl">{playerData.name}</p>
+          <p className="text-2xl leading-none">{playerData.name}</p>
 
-          <div className="flex gap-3 text-xl">
+          <div className="flex items-center gap-3 text-xl">
             {/* Global Rank */}
             <div className="flex items-center gap-1 text-gray-300">
               <GlobeAsiaAustraliaIcon width={32} height={32} />
-              <p>#{playerData.rank}</p>
+
+              <a
+                className="flex transform-gpu items-center gap-1 transition-all hover:text-blue-500"
+                href={`/ranking/global/?page=${Math.round(
+                  playerData.rank / 50,
+                )}`}
+              >
+                <p>#{playerData.rank}</p>
+              </a>
             </div>
 
             {/* Country Rank */}