From eac7e07c077369570e9322949bbf960c8de1317c Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 27 Sep 2023 23:35:56 -0700
Subject: feat(wrapped): add links to images

---
 src/lib/Tools/Wrapped.svelte | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

(limited to 'src/lib/Tools')

diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte
index bd40e5ef..90ba21da 100644
--- a/src/lib/Tools/Wrapped.svelte
+++ b/src/lib/Tools/Wrapped.svelte
@@ -87,7 +87,9 @@
 
 		<div class="categories-grid">
 			<div class="grid-item image-grid">
-				<img src={wrapped.avatar.large} alt="User Avatar" />
+				<a href={`https://anilist.co/user/${currentUserIdentity.name}`} target="_blank">
+					<img src={wrapped.avatar.large} alt="User Avatar" />
+				</a>
 				<div>
 					<div>
 						<b>
@@ -142,11 +144,13 @@
 			<div class="category-grid">
 				<div class="grid-item image-grid">
 					{#if animeList !== undefined}
-						<img
-							src={animeList[0].coverImage.extraLarge}
-							alt="Highest Rated Anime Cover"
-							class="cover-image"
-						/>
+						<a href={`https://anilist.co/anime/${animeList[0].id}`} target="_blank">
+							<img
+								src={animeList[0].coverImage.extraLarge}
+								alt="Highest Rated Anime Cover"
+								class="cover-image"
+							/>
+						</a>
 						<div>
 							<b>Highest Rated Anime</b>
 							<ol>
@@ -165,11 +169,13 @@
 			<div class="category-grid">
 				<div class="grid-item image-grid">
 					{#if mangaList !== undefined}
-						<img
-							src={mangaList[0].coverImage.extraLarge}
-							alt="Highest Rated Manga Cover"
-							class="cover-image"
-						/>
+						<a href={`https://anilist.co/manga/${mangaList[0].id}`} target="_blank">
+							<img
+								src={mangaList[0].coverImage.extraLarge}
+								alt="Highest Rated Manga Cover"
+								class="cover-image"
+							/>
+						</a>
 						<div>
 							<b>Highest Rated Manga</b>
 							<ol>
-- 
cgit v1.2.3