From d862c8338ebd6bd8e2274253cb7ea60c7ae9e420 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 15 Jul 2024 18:16:22 -0700
Subject: fix(SequelSpy): use LinkedTooltip

---
 src/lib/Tools/SequelSpy.svelte | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

(limited to 'src/lib/Tools')

diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte
index 2aaa5f60..d9637efe 100644
--- a/src/lib/Tools/SequelSpy.svelte
+++ b/src/lib/Tools/SequelSpy.svelte
@@ -12,7 +12,8 @@
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import identity from '$stores/identity';
 	import LogInRestricted from '$lib/Error/LogInRestricted.svelte';
-	import tooltip from '$lib/Tooltip/tooltip';
+	import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
+	import settings from '$stores/settings';
 
 	export let user: AniListAuthorisation;
 
@@ -59,18 +60,20 @@
 		{:then currentPrequels}
 			<ul>
 				{#each currentPrequels.sort((a, b) => new Date(a.startDate.year, a.startDate.month - 1, a.startDate.day).getTime() - new Date(b.startDate.year, b.startDate.month - 1, b.startDate.day).getTime()) as prequel}
-					<li>
-						<a
-							href={`https://anilist.co/anime/${prequel.id}`}
-							target="_blank"
-							title={`<img src="${prequel.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
-							use:tooltip
+					<li id={`${prequel.id}`}>
+						<LinkedTooltip
+							content={`<img src="${prequel.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
+							pin={`${prequel.id}`}
+							pinPosition="top"
+							disable={!$settings.displayHoverCover}
 						>
-							<MediaTitle title={prequel.title} />
-						</a>
-						<span class="opaque">|</span>
-						{prequel.seen}<span class="opaque">/{prequel.episodes}</span>
-						{@html prequelAiringTime(prequel)}
+							<a href={`https://anilist.co/anime/${prequel.id}`} target="_blank">
+								<MediaTitle title={prequel.title} />
+							</a>
+							<span class="opaque">|</span>
+							{prequel.seen}<span class="opaque">/{prequel.episodes}</span>
+							{@html prequelAiringTime(prequel)}
+						</LinkedTooltip>
 					</li>
 				{/each}
 			</ul>
-- 
cgit v1.2.3