diff options
| author | Fuwn <[email protected]> | 2024-10-28 15:32:46 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-10-28 15:32:46 -0700 |
| commit | 39b677404558ae3b7eb34e818d7ca308f62f9cb0 (patch) | |
| tree | 7f19fca39ecd4237e3c0d1aef2d8e9fa3cec7845 /src/lib/Tools/ActivityHistory/Tool.svelte | |
| parent | feat(graphql): paged badges query (diff) | |
| download | due.moe-svelte-5.tar.xz due.moe-svelte-5.zip | |
feat: update to svelte 5svelte-5
Diffstat (limited to 'src/lib/Tools/ActivityHistory/Tool.svelte')
| -rw-r--r-- | src/lib/Tools/ActivityHistory/Tool.svelte | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte index b6e66a5e..07b2096a 100644 --- a/src/lib/Tools/ActivityHistory/Tool.svelte +++ b/src/lib/Tools/ActivityHistory/Tool.svelte @@ -14,10 +14,14 @@ import Skeleton from '$lib/Loading/Skeleton.svelte'; import LogInRestricted from '$lib/Error/LogInRestricted.svelte'; - export let user: AniListAuthorisation; + interface Props { + user: AniListAuthorisation; + } - let activityHistoryData: Promise<ActivityHistoryEntry[]>; - let generated = false; + let { user }: Props = $props(); + + let activityHistoryData: Promise<ActivityHistoryEntry[]> = $state(); + let generated = $state(false); onMount(async () => { clearAllParameters(); @@ -79,18 +83,18 @@ <div class="card"> <ActivityHistoryGrid {user} /> - <p /> + <p></p> - <div id="grid-final" /> + <div id="grid-final"></div> {#if generated} - <p /> + <p></p> {/if} - <button on:click={screenshot}>Generate grid image</button> + <button onclick={screenshot}>Generate grid image</button> </div> - <p /> + <p></p> <details open> <summary>Days in risk of developing an activity history hole</summary> |