diff options
Diffstat (limited to 'src/lib/List/Anime/AnimeListTemplate.svelte')
| -rw-r--r-- | src/lib/List/Anime/AnimeListTemplate.svelte | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte index f2630853..4cfd03fd 100644 --- a/src/lib/List/Anime/AnimeListTemplate.svelte +++ b/src/lib/List/Anime/AnimeListTemplate.svelte @@ -9,6 +9,7 @@ import ListTitle from '../ListTitle.svelte'; import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease'; import root from '$lib/Utility/root'; + import Skeleton from '$lib/Skeleton.svelte'; export let endTime: number; export let cleanMedia: ( @@ -32,7 +33,9 @@ {#await fetch(root(`/api/subsplease?tz=${Intl.DateTimeFormat().resolvedOptions().timeZone}`)).then( (r) => r.json() )} <ListTitle custom={title} /> - <ul><li>Subtitle release data ... 33%</li></ul> + <ul><li>Loading subtitle release data ... 33%</li></ul> + + <Skeleton card={false} count={5} height="0.9rem" list /> {:then subsPlease} {#await animeLists} {#if previousAnimeList} @@ -52,6 +55,8 @@ <ListTitle custom={title} /> <ul><li>Loading anime lists ... 66%</li></ul> + + <Skeleton card={false} count={5} height="0.9rem" list /> {/if} {:then media} <CleanAnimeList |