diff options
| author | Fuwn <[email protected]> | 2024-01-07 00:13:40 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-07 00:13:40 -0800 |
| commit | f0767e860609ac5d3a33b26357cb21ec4f16922c (patch) | |
| tree | 4f7b25955a28200d1d9ef9dd7078816f660c3a5a /src/lib/Media/Cover/HoverCover.svelte | |
| parent | chore(Koifile): use koix make mode (diff) | |
| download | due.moe-f0767e860609ac5d3a33b26357cb21ec4f16922c.tar.xz due.moe-f0767e860609ac5d3a33b26357cb21ec4f16922c.zip | |
refactor(hovercover): simple state
Diffstat (limited to 'src/lib/Media/Cover/HoverCover.svelte')
| -rw-r--r-- | src/lib/Media/Cover/HoverCover.svelte | 18 |
1 files changed, 7 insertions, 11 deletions
diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte index c2ce5f49..92c0e6fd 100644 --- a/src/lib/Media/Cover/HoverCover.svelte +++ b/src/lib/Media/Cover/HoverCover.svelte @@ -1,22 +1,18 @@ <script lang="ts"> - import type { Media } from '$lib/AniList/media'; - import type { SubsPleaseEpisode } from '../Anime/Airing/Subtitled/subsPlease'; + import type { HoverCoverResponse } from './hoverCover'; - export let hovering = false; - export let hoveredItem: SubsPleaseEpisode | null = null; - export let hoveredMedia: Media | null = null; - export let imageStyle = ''; + export let options: HoverCoverResponse; export let width = 250; </script> -{#if hovering} +{#if options.hovering} <img class="hover-image show card card-small" - src={hoveredMedia - ? hoveredMedia.coverImage.extraLarge - : `https://subsplease.org${hoveredItem?.image_url}`} + src={options.media + ? options.media.coverImage.extraLarge + : `https://subsplease.org${options.item?.image_url}`} alt="Media Cover" - style={`width: ${width}px; ${imageStyle}`} + style={`width: ${width}px; ${options.style}`} /> {/if} |