feat: replace hover cover with image tooltip

1 files changed, 3 insertions, 35 deletions

diff --git a/src/lib/Tools/Likes.svelte b/src/lib/Tools/Likes.svelte
index 25da23d0..d4f62cb9 100644
--- a/src/lib/Tools/Likes.svelte
+++ b/src/lib/Tools/Likes.svelte
@@ -3,17 +3,10 @@
 	import { threadLikes } from '$lib/Data/AniList/forum';
 	import RateLimited from '$lib/Error/RateLimited.svelte';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
-	import HoverCover from '$lib/Media/Cover/HoverCover.svelte';
-	import {
-		onMouseEnter,
-		type HoverCoverResponse,
-		onMouseLeave,
-		onMouseMove
-	} from '$lib/Media/Cover/hoverCover';
+	import tooltip from '$lib/Tooltip/tooltip';
 	import InputTemplate from './InputTemplate.svelte';
 
 	let submission = '';
-	let hoverCoverState: HoverCoverResponse = {};
 
 	$: normalisedSubmission = submission.replace(/.*\/(activity|thread)\/(\d+).*/, '$2');
 	$: submissionType = submission.replace(/.*\/(activity|thread)\/(\d+).*/, '$1');
@@ -42,31 +35,8 @@
 							<a
 								href={`https://anilist.co/user/${like.name}`}
 								target="_blank"
-								on:mouseenter={() => {
-									const response = onMouseEnter({
-										coverImage: {
-											extraLarge:
-												like?.avatar?.large ??
-												'https://s4.anilist.co/file/anilistcdn/user/avatar/large/default.png'
-										}
-									});
-
-									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="${like.avatar?.large}" style="width: 150px; object-fit: cover; border-radius: 8px;" />`}
+								use:tooltip
 							>
 								{like.name}
 							</a>
@@ -83,5 +53,3 @@
 		Please enter a valid Activity or Thread URL.
 	{/if}
 </InputTemplate>
-
-<HoverCover options={hoverCoverState} width={300} />