diff options
| author | Fuwn <[email protected]> | 2024-01-04 18:53:23 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 18:53:23 -0800 |
| commit | 731363ed66cfd9926421220a258c7b8c36907e51 (patch) | |
| tree | e077f2f541ff22e1296a4edd536aa54bb8dd1eda /src/lib/Tools/Wrapped.svelte | |
| parent | refactor(wrapped): loading cards (diff) | |
| download | due.moe-731363ed66cfd9926421220a258c7b8c36907e51.tar.xz due.moe-731363ed66cfd9926421220a258c7b8c36907e51.zip | |
feat: loading and error cards
Diffstat (limited to 'src/lib/Tools/Wrapped.svelte')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index d2999de2..e29ddb48 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -29,6 +29,7 @@ import MediaExtras from './Wrapped/MediaExtras.svelte'; import MediaPanel from './Wrapped/Media.svelte'; import Watermark from './Wrapped/Watermark.svelte'; + import Loading from '$lib/Loading.svelte'; export let user: AniListAuthorisation; @@ -487,14 +488,14 @@ <div class="card">Please log in to view this page.</div> {:else if currentUserIdentity.id !== -1} {#await selectedYear !== currentYear || useFullActivityHistory || new Date().getMonth() <= 6 ? fullActivityHistory(user, currentUserIdentity, selectedYear) : getActivityHistory(currentUserIdentity)} - <div class="card"> + <Loading> {@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)} - </div> + </Loading> {:then activities} {#await wrapped(user, currentUserIdentity, selectedYear)} - <div class="card"> + <Loading> {@html nbsp('Loading user data ...')} - </div> + </Loading> {:then wrapped} <div id="list-container"> <div class="card"> @@ -670,10 +671,11 @@ </div> </div> {:catch} - <Error type="User" /> + <Error type="User" card /> {/await} {:catch} <Error + card type={`${useFullActivityHistory ? 'Full-year activity' : 'Activity'} history`} loginSessionError={!useFullActivityHistory} > @@ -687,7 +689,9 @@ </Error> {/await} {:else} - {@html nbsp('Loading user identity ...')} + <Loading> + {@html nbsp('Loading user identity ...')} + </Loading> {/if} <style> |