diff options
| author | Fuwn <[email protected]> | 2024-01-25 08:51:16 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-25 08:51:16 -0800 |
| commit | a425a29347f8a80d475ba25eb9cca3b38158443b (patch) | |
| tree | 024f1da95758336fcc5c2d2a86ce60ecf421c6a8 /src/lib/Tools/ActivityHistory/Grid.svelte | |
| parent | feat: more fluid skeleton ui (diff) | |
| download | due.moe-a425a29347f8a80d475ba25eb9cca3b38158443b.tar.xz due.moe-a425a29347f8a80d475ba25eb9cca3b38158443b.zip | |
feat: move everything to skeletion loading ui
Diffstat (limited to 'src/lib/Tools/ActivityHistory/Grid.svelte')
| -rw-r--r-- | src/lib/Tools/ActivityHistory/Grid.svelte | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte index 7f75c104..809521c6 100644 --- a/src/lib/Tools/ActivityHistory/Grid.svelte +++ b/src/lib/Tools/ActivityHistory/Grid.svelte @@ -8,6 +8,7 @@ import userIdentity from '$stores/identity'; import type { AniListAuthorisation } from '$lib/AniList/identity'; import { clearAllParameters } from '../../Utility/parameters'; + import Skeleton from '$lib/Skeleton.svelte'; export let user: AniListAuthorisation; export let activityData: ActivityHistoryEntry[] | null = null; @@ -32,7 +33,7 @@ {#if user === undefined} Please log in to view this page. {:else if activityHistoryData === undefined} - Loading activity history ... 50% + <Skeleton card={false} count={1} height="150px" /> {:else} {@const filledActivities = fillMissingDays(activityHistoryData, false, currentYear)} {@const highestActivity = Math.max(...filledActivities.map((activity) => activity.amount))} |