diff options
| author | Fuwn <[email protected]> | 2023-12-22 03:07:04 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2023-12-22 03:11:24 -0800 |
| commit | a7255393ac86b091772189469fc1806ded1595d1 (patch) | |
| tree | c238fcd2d5fa3302f195f9ee76d0d2dbbe1da43f /src/lib/Tools/ActivityHistory.svelte | |
| parent | fix(wrapped): absolute best updateWidth() (diff) | |
| download | due.moe-a7255393ac86b091772189469fc1806ded1595d1.tar.xz due.moe-a7255393ac86b091772189469fc1806ded1595d1.zip | |
feat(wrapped): full-year activity history
Diffstat (limited to 'src/lib/Tools/ActivityHistory.svelte')
| -rw-r--r-- | src/lib/Tools/ActivityHistory.svelte | 22 |
1 files changed, 3 insertions, 19 deletions
diff --git a/src/lib/Tools/ActivityHistory.svelte b/src/lib/Tools/ActivityHistory.svelte index 17067ec4..8194ad0a 100644 --- a/src/lib/Tools/ActivityHistory.svelte +++ b/src/lib/Tools/ActivityHistory.svelte @@ -12,6 +12,7 @@ } from '$lib/AniList/identity'; import { clearAllParameters } from './tool.js'; import { domToBlob } from 'modern-screenshot'; + import ActivityHistoryGrid from './ActivityHistoryGrid.svelte'; export let user: AniListAuthorisation; @@ -88,25 +89,8 @@ Loading ... {:else} {@const filledActivities = fillMissingDays(activities)} - {@const highestActivity = Math.max(...filledActivities.map((activity) => activity.amount))} - - <div class="grid"> - {#each filledActivities as activity} - <div - class="grid-item" - style="background-color: {gradientColour(activity.amount, highestActivity, baseHue)}" - on:click={() => (baseHue = Math.floor(Math.random() * 360))} - on:keydown={() => { - return; - }} - role="button" - tabindex="0" - title={`Date: ${new Date(activity.date * 1000).toLocaleDateString()}\nAmount: ${ - activity.amount - }`} - /> - {/each} - </div> + + <ActivityHistoryGrid {user} /> <p /> |