diff options
| author | Fuwn <[email protected]> | 2024-01-24 21:44:30 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-24 21:44:30 -0800 |
| commit | fd871afbb1cc24fc3d47b2dea3a5d99795e839da (patch) | |
| tree | 2532df23a867613ee9b9c2ec8ecb401164440819 /src/lib/Tools/Wrapped | |
| parent | feat(birthdays): skeleton loading (diff) | |
| download | due.moe-fd871afbb1cc24fc3d47b2dea3a5d99795e839da.tar.xz due.moe-fd871afbb1cc24fc3d47b2dea3a5d99795e839da.zip | |
feat(wrapped): skeleton loading
Diffstat (limited to 'src/lib/Tools/Wrapped')
| -rw-r--r-- | src/lib/Tools/Wrapped/Tool.svelte | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte index 0a88fe3d..370bd23a 100644 --- a/src/lib/Tools/Wrapped/Tool.svelte +++ b/src/lib/Tools/Wrapped/Tool.svelte @@ -27,6 +27,7 @@ import MediaPanel from './Media.svelte'; import Watermark from './Watermark.svelte'; import Loading from '$lib/Utility/Loading.svelte'; + import Skeleton from '$lib/Skeleton.svelte'; export let user: AniListAuthorisation; @@ -571,11 +572,19 @@ <Loading> {@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)} </Loading> + + <p /> + + <Skeleton count={2} /> {:then activities} {#await wrapped(user, $userIdentity, selectedYear)} <Loading> {@html nbsp('Loading user data ...')} </Loading> + + <p /> + + <Skeleton count={2} /> {:then wrapped} <div id="list-container"> <div class="card"> |