diff options
| author | Fuwn <[email protected]> | 2024-01-04 18:01:50 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-04 18:01:50 -0800 |
| commit | f3bfb1ee646eaa6c3b31f34e3d50f151c209c745 (patch) | |
| tree | 713066f9e587b5a6780eece12f755db1bc6b97e4 /src/lib/Tools | |
| parent | refactor(routes): schedule and profile ui (diff) | |
| download | due.moe-f3bfb1ee646eaa6c3b31f34e3d50f151c209c745.tar.xz due.moe-f3bfb1ee646eaa6c3b31f34e3d50f151c209c745.zip | |
refactor(wrapped): loading cards
Diffstat (limited to 'src/lib/Tools')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index 0cd124a2..d2999de2 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -484,13 +484,17 @@ </script> {#if currentUserIdentity.id === -2} - Please log in to view this page. + <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)} - {@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)} + <div class="card"> + {@html nbsp(`Loading${useFullActivityHistory ? ' full-year' : ''} activity history ...`)} + </div> {:then activities} {#await wrapped(user, currentUserIdentity, selectedYear)} - {@html nbsp('Loading user data ...')} + <div class="card"> + {@html nbsp('Loading user data ...')} + </div> {:then wrapped} <div id="list-container"> <div class="card"> |