From d8128fea3079a6d5058671fa13fd93da809e8bad Mon Sep 17 00:00:00 2001
From: mat <github@matdoes.dev>
Date: Sat, 19 Nov 2022 16:11:47 -0600
Subject: make fairy souls clickable in infobox

---
 src/lib/sections/Infobox.svelte | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/lib/sections/Infobox.svelte b/src/lib/sections/Infobox.svelte
index c524ca1..f8d2889 100644
--- a/src/lib/sections/Infobox.svelte
+++ b/src/lib/sections/Infobox.svelte
@@ -14,7 +14,14 @@
 				: data.member.profileName})
 		</h2>
 		{#each generateInfobox(data) as item}
-			<p><Emoji value={item} /></p>
+			<!-- hack so fairy souls is clickable to get to the leaderboards -->
+			{#if item.includes('Fairy souls')}
+				<a href="/leaderboards/fairy_souls" class="fairy-souls-leaderboard"
+					><p><Emoji value={item} /></p></a
+				>
+			{:else}
+				<p><Emoji value={item} /></p>
+			{/if}
 		{/each}
 	</div>
 	<div id="infobox-extra">
@@ -48,6 +55,10 @@
 	p {
 		margin: 0 0 0.25em 0;
 	}
+	.fairy-souls-leaderboard {
+		color: inherit;
+		text-decoration: none;
+	}
 	@media only screen and (max-width: 600px) {
 		#infobox {
 			position: relative;
-- 
cgit