From da50f756d90da9fa66c60d4aec97c751bb2d2ff5 Mon Sep 17 00:00:00 2001 From: Fuwn Date: Thu, 28 Dec 2023 20:17:05 -0800 Subject: feat(hovercover): allow for no subs --- src/lib/Media/HoverCover.svelte | 5 +++-- src/lib/Media/hoverCover.ts | 7 ++++--- 2 files changed, 7 insertions(+), 5 deletions(-) (limited to 'src/lib') diff --git a/src/lib/Media/HoverCover.svelte b/src/lib/Media/HoverCover.svelte index a3aea9d6..d4009bec 100644 --- a/src/lib/Media/HoverCover.svelte +++ b/src/lib/Media/HoverCover.svelte @@ -2,17 +2,18 @@ import type { Media } from '$lib/AniList/media'; import type { SubsPleaseEpisode } from './Anime/Airing/Subtitled/subsPlease'; + export let hovering = false; export let hoveredItem: SubsPleaseEpisode | null = null; export let hoveredMedia: Media | null = null; export let imageStyle = ''; -{#if hoveredItem} +{#if hovering} Media Cover diff --git a/src/lib/Media/hoverCover.ts b/src/lib/Media/hoverCover.ts index 944ac605..29d2df46 100644 --- a/src/lib/Media/hoverCover.ts +++ b/src/lib/Media/hoverCover.ts @@ -2,16 +2,17 @@ import type { Media } from '$lib/AniList/media'; import type { SubsPleaseEpisode } from './Anime/Airing/Subtitled/subsPlease'; interface OnMouseEnterLeave { + hovering: boolean; item: SubsPleaseEpisode | null; media: Media | null; } -export const onMouseEnter = (item: SubsPleaseEpisode, media: Media | null) => { - return { item, media } as OnMouseEnterLeave; +export const onMouseEnter = (media: Media | null, item: SubsPleaseEpisode | null = null) => { + return { hovering: true, item, media } as OnMouseEnterLeave; }; export const onMouseLeave = () => { - return { item: null, media: null } as OnMouseEnterLeave; + return { hovering: false, item: null, media: null } as OnMouseEnterLeave; }; interface OnMouseMove { -- cgit v1.2.3