diff options
Diffstat (limited to 'src/lib/Schedule')
| -rw-r--r-- | src/lib/Schedule/CoverBypass.svelte | 17 | ||||
| -rw-r--r-- | src/lib/Schedule/Crunchyroll.svelte | 6 | ||||
| -rw-r--r-- | src/lib/Schedule/Days.svelte | 19 |
3 files changed, 30 insertions, 12 deletions
diff --git a/src/lib/Schedule/CoverBypass.svelte b/src/lib/Schedule/CoverBypass.svelte index e94ddd40..72b84eb8 100644 --- a/src/lib/Schedule/CoverBypass.svelte +++ b/src/lib/Schedule/CoverBypass.svelte @@ -8,10 +8,19 @@ import { abbreviate } from '$lib/Utility/string'; import settings from '$stores/settings'; - export let media: Media | null; - export let entry: SubsPleaseEpisode; - export let cover = true; - export let showTooltip = true; + interface Props { + media: Media | null; + entry: SubsPleaseEpisode; + cover?: boolean; + showTooltip?: boolean; + } + + let { + media, + entry, + cover = true, + showTooltip = true + }: Props = $props(); const abbreviateTo = 40; diff --git a/src/lib/Schedule/Crunchyroll.svelte b/src/lib/Schedule/Crunchyroll.svelte index d22cff42..8fc0e95a 100644 --- a/src/lib/Schedule/Crunchyroll.svelte +++ b/src/lib/Schedule/Crunchyroll.svelte @@ -29,7 +29,7 @@ (media) => media.day === 'soon' ); - $: columnCount = Math.ceil(Object.keys(days).length / 2); + let columnCount = $derived(Math.ceil(Object.keys(days).length / 2)); const ordinalSuffix = (i: number) => { const j = i % 10; @@ -61,7 +61,7 @@ </details> </div> - <p /> + <p></p> {/each} <div class="card day"> @@ -76,7 +76,7 @@ </details> </div> - <p /> + <p></p> <div class="card day"> <details open class="details-unstyled"> diff --git a/src/lib/Schedule/Days.svelte b/src/lib/Schedule/Days.svelte index f7a49029..51558240 100644 --- a/src/lib/Schedule/Days.svelte +++ b/src/lib/Schedule/Days.svelte @@ -18,15 +18,24 @@ import Skeleton from '$lib/Loading/Skeleton.svelte'; import Error from '$lib/Error/RateLimited.svelte'; - export let subsPlease: SubsPlease; - export let scheduledMedia: Partial<Media[]>; - export let forceListMode = false; - export let user; + interface Props { + subsPlease: SubsPlease; + scheduledMedia: Partial<Media[]>; + forceListMode?: boolean; + user: any; + } + + let { + subsPlease, + scheduledMedia, + forceListMode = false, + user + }: Props = $props(); const urlParameters = browser ? new URLSearchParams(window.location.search) : null; let day: string | null = parseOrDefault(urlParameters, 'day', null); - let mediaListPromise: Promise<Media[]>; + let mediaListPromise: Promise<Media[]> = $state(); onMount(async () => { if (user === undefined || $identity.id === -2) mediaListPromise = Promise.resolve([]); |