From c998bb470c269e469e08abcb4ee52ecabd95afb8 Mon Sep 17 00:00:00 2001
From: Joshua Sigona <sigonasr2@gmail.com>
Date: Mon, 25 Oct 2021 22:37:11 +0900
Subject: [PATCH] Links

---
 pages/index.js     |  4 ++--
 styles/globals.css | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 7543fda..1096180 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -89,7 +89,7 @@ function getPlayer(playerID) {
 function Player(p) {
   const {data}=p
   const playerData=getPlayer(data.id)
-  return <><img className="scoreboard_icon" width={24} height={24} src={playerData.icon??playerData.image}/> {playerData.name&&<span className="playerName"><Gradient dir="left-to-right" from={playerData.color1} to={playerData.color2}>{data.rel==="guest"?data.name:playerData.name}</Gradient></span>}</>
+  return <a href={playerData.link} className="leaderboardName"><img className="scoreboard_icon" width={24} height={24} src={playerData.icon??playerData.image}/> {playerData.name&&<span className="playerName"><Gradient dir="left-to-right" from={playerData.color1} to={playerData.color2}>{data.rel==="guest"?data.name:playerData.name}</Gradient></span>}</a>
 }
 
 function TimeDisplay(time) {
@@ -129,7 +129,7 @@ function Leaderboard(p) {
       </tr>
     </thead>
     <tbody>
-    {!data?<tr><td colSpan="8"><Spinner animation="grow" />Buns are loading...</td></tr>:data?.data.runs.map((run)=><tr key={run.run.id}>
+    {!data?<tr><td colSpan="8"><Spinner animation="grow" />Buns are loading...</td></tr>:data?.data.runs.map((run)=><tr className="leaderboardRow" onClick={()=>{window.location.href=run.run.weblink}}>
       <td>{run.place}</td>{/*#*/}
       <td><Player data={run.run.players[0]??{}}/></td>{/*Player*/}
       <td>{run.run.times.realtime_noloads_t?TimeDisplay(run.run.times.realtime_noloads_t):""}</td>{/*Time without loads*/}
diff --git a/styles/globals.css b/styles/globals.css
index 1e419d0..944303f 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -9,7 +9,7 @@ body {
 
 a {
   color: inherit;
-  text-decoration: none;
+  text-decoration: none !important; 
 }
 
 * {
@@ -27,4 +27,12 @@ a {
 
 .container{
   background:rgba(255,255,255,0.6);
+}
+
+.leaderboardRow:hover{
+  cursor:pointer;
+}
+.leaderboardName:hover{
+  text-decoration:underline !important;
+  text-decoration-color:white !important;
 }
\ No newline at end of file