diff options
| author | Fuwn <[email protected]> | 2024-01-30 20:59:06 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-30 20:59:06 -0800 |
| commit | 2eb7a64c462095f82bc56cd688157543ac0458e3 (patch) | |
| tree | 5b5d4893e7d2bb243b125cead8858ced6e634045 /src/routes | |
| parent | feat(badges): cool loading message (diff) | |
| download | due.moe-2eb7a64c462095f82bc56cd688157543ac0458e3.tar.xz due.moe-2eb7a64c462095f82bc56cd688157543ac0458e3.zip | |
feat: more fancy loaders
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/schedule/+page.svelte | 9 | ||||
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 3 |
2 files changed, 12 insertions, 0 deletions
diff --git a/src/routes/schedule/+page.svelte b/src/routes/schedule/+page.svelte index 44a4fd2d..1ef33414 100644 --- a/src/routes/schedule/+page.svelte +++ b/src/routes/schedule/+page.svelte @@ -14,6 +14,7 @@ import settings from '$stores/settings'; import root from '$lib/Utility/root'; import Skeleton from '$lib/Skeleton.svelte'; + import Message from '$lib/Loading/Message.svelte'; let subsPleasePromise: Promise<SubsPlease>; let scheduledMediaPromise: Promise<Partial<Media[]>>; @@ -61,10 +62,14 @@ <p /> {#await subsPleasePromise} + <Message message="Loading subtitle schedule ..." /> + <Skeleton grid={true} count={7} height="15em" width="49.5%" /> {:then subsPlease} {#if subsPlease} {#await scheduledMediaPromise} + <Message message="Loading schedule ..." /> + <Skeleton grid={true} count={7} height="15em" width="49.5%" /> {:then scheduledMedia} {#if scheduledMedia} @@ -80,12 +85,16 @@ <Days {subsPlease} {scheduledMedia} {forceListMode} /> </div> {:else} + <Message message="Loading schedule ..." /> + <Skeleton grid={true} count={7} height="15em" width="49.5%" /> {/if} {:catch} <Error type="Media" loginSessionError={false} card list={false} /> {/await} {:else} + <Message message="Loading subtitle schedule ..." /> + <Skeleton grid={true} count={7} height="15em" width="49.5%" /> {/if} {:catch} diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 67cb480f..40695f03 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -1,6 +1,7 @@ <script lang="ts"> import { user, type User } from '$lib/AniList/user'; import HeadTitle from '$lib/Home/HeadTitle.svelte'; + import Message from '$lib/Loading/Message.svelte'; import { estimatedDayReading } from '$lib/Media/Manga/time'; import Skeleton from '$lib/Skeleton.svelte'; import root from '$lib/Utility/root.js'; @@ -41,6 +42,8 @@ Does this user exist? {:else if userData === undefined} + <Message /> + <Skeleton card={false} count={1} height="224px" /> {:else} <div |