diff options
Diffstat (limited to 'src/lib/List/CleanList.svelte')
| -rw-r--r-- | src/lib/List/CleanList.svelte | 29 |
1 files changed, 15 insertions, 14 deletions
diff --git a/src/lib/List/CleanList.svelte b/src/lib/List/CleanList.svelte index 63656ab3..bb6c15f3 100644 --- a/src/lib/List/CleanList.svelte +++ b/src/lib/List/CleanList.svelte @@ -1,22 +1,23 @@ <script lang="ts"> - import MediaTitleDisplay from '$lib/List/MediaTitleDisplay.svelte'; - import type { Media } from '$lib/Data/AniList/media'; - import { outboundLink } from '$lib/Media/links'; - import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte'; - import settings from '$stores/settings'; +import MediaTitleDisplay from "$lib/List/MediaTitleDisplay.svelte"; +import type { Media } from "$lib/Data/AniList/media"; +import { outboundLink } from "$lib/Media/links"; +import LinkedTooltip from "$lib/Tooltip/LinkedTooltip.svelte"; +import settings from "$stores/settings"; - export let media: Media[]; - export let type: 'anime' | 'manga'; - export let upcoming = false; - export let notYetReleased = false; - export let lastUpdatedMedia: number; - export let reverseSort = false; +export let media: Media[]; +export let type: "anime" | "manga"; +export let upcoming = false; +export let notYetReleased = false; +export let lastUpdatedMedia: number; +export let reverseSort = false; +export let disableTitleTooltip = false; - $: processedMedia = reverseSort ? media.reverse() : media; +$: processedMedia = reverseSort ? [...media].reverse() : media; </script> <ul> - {#each processedMedia as title} + {#each processedMedia as title (title.id)} {@const progress = (title.mediaListEntry || { progress: 0 }).progress} {#if type === 'anime' ? upcoming || notYetReleased || progress !== (title.nextAiringEpisode?.episode || 9999) - 1 : progress !== title.episodes} @@ -49,7 +50,7 @@ ? 'color: lightcoral' : ''} > - <MediaTitleDisplay title={title.title} /> + <MediaTitleDisplay title={title.title} tooltip={disableTitleTooltip} /> </span> </a> </LinkedTooltip> |