feat: replace hover cover with image tooltip

1 files changed, 3 insertions, 31 deletions

diff --git a/src/lib/Schedule/CoverBypass.svelte b/src/lib/Schedule/CoverBypass.svelte
index 925f7cc6..3b0b1f41 100644
--- a/src/lib/Schedule/CoverBypass.svelte
+++ b/src/lib/Schedule/CoverBypass.svelte
@@ -2,13 +2,6 @@
 	import type { Media } from '$lib/Data/AniList/media';
 	import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte';
 	import type { SubsPleaseEpisode } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
-	import HoverCover from '$lib/Media/Cover/HoverCover.svelte';
-	import {
-		onMouseEnter,
-		type HoverCoverResponse,
-		onMouseLeave,
-		onMouseMove
-	} from '$lib/Media/Cover/hoverCover';
 
 	import { outboundLink } from '$lib/Media/links';
 	import tooltip from '$lib/Tooltip/tooltip';
@@ -19,7 +12,6 @@
 	export let entry: SubsPleaseEpisode;
 	export let cover = true;
 
-	let hoverCoverState: HoverCoverResponse = {};
 	const abbreviateTo = 40;
 
 	const titleSelect = (media: Media | null) =>
@@ -37,25 +29,9 @@
 				titleSelect(media) || entry.title
 		  )}
 	target="_blank"
-	on:mouseenter={() => {
-		const response = onMouseEnter(media, entry);
-
-		hoverCoverState.hovering = response.hovering;
-		hoverCoverState.item = response.item;
-		hoverCoverState.media = response.media;
-	}}
-	on:mouseleave={() => {
-		const response = onMouseLeave();
-
-		hoverCoverState.hovering = response.hovering;
-		hoverCoverState.item = response.item;
-		hoverCoverState.media = response.media;
-	}}
-	on:mousemove={(e) => {
-		const response = onMouseMove(e, 300);
-
-		hoverCoverState.style = response.style;
-	}}
+	title={`<img src="${media?.coverImage.extraLarge}" style="width: 250px; object-fit: cover; border-radius: 8px;" />`}
+	use:tooltip
+	data-tooltip-disable={media && cover ? false : true}
 >
 	{#if media}
 		<MediaTitleDisplay
@@ -72,7 +48,3 @@
 		</span>
 	{/if}
 </a>
-
-{#if cover}
-	<HoverCover options={hoverCoverState} width={300} />
-{/if}