diff options
| -rw-r--r-- | src/routes/schedule/+page.svelte | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte index 1ca72d3d..a574724e 100644 --- a/src/routes/schedule/+page.svelte +++ b/src/routes/schedule/+page.svelte @@ -14,6 +14,7 @@ import Days from '$lib/Schedule/Days.svelte'; import settings from '$stores/settings'; import root from '$lib/Utility/root'; + import Skeleton from '$lib/Skeleton.svelte'; let subsPleasePromise: Promise<SubsPlease>; let scheduledMediaPromise: Promise<Partial<Media[]>>; @@ -62,10 +63,18 @@ {#await subsPleasePromise} <Loading type="subtitle release data" percent={49.5} /> + + <p /> + + <Skeleton grid={true} count={100} /> {:then subsPlease} {#if subsPlease} {#await scheduledMediaPromise} <Loading type="anime schedule" percent={82.5} /> + + <p /> + + <Skeleton grid={true} count={100} /> {:then scheduledMedia} {#if scheduledMedia} {@const columnCount = Math.ceil(Object.keys(subsPlease.schedule).length / 2)} @@ -83,11 +92,11 @@ <Loading type="anime schedule" percent={66} /> {/if} {:catch} - <Error type="Media" loginSessionError={false} card /> + <Error type="Media" loginSessionError={false} card list={false} /> {/await} {:else} <Loading type="subtitle release data" percent={33} /> {/if} {:catch} - <Error type="Schedule" loginSessionError={false} card /> + <Error type="Schedule" loginSessionError={false} card list={false} /> {/await} |