diff options
| author | Fuwn <[email protected]> | 2024-01-24 21:54:25 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-24 21:54:25 -0800 |
| commit | 8c112b1095d105ceed3c193d2cdf9569325024e2 (patch) | |
| tree | 8910199cb96567a28067faeb0f8e74931bb619fa /src | |
| parent | feat(updates): skeleton loading (diff) | |
| download | due.moe-8c112b1095d105ceed3c193d2cdf9569325024e2.tar.xz due.moe-8c112b1095d105ceed3c193d2cdf9569325024e2.zip | |
feat(schedule): skeleton loading
Diffstat (limited to 'src')
| -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} |