diff options
| author | Fuwn <[email protected]> | 2024-01-03 22:05:24 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-03 22:05:24 -0800 |
| commit | 1d0ffdba530fa166ac577ef1fba3b5a0a959959a (patch) | |
| tree | d9264c043a7ee39d982654e88b766e51a217fe16 /src/lib/Tools/Wrapped/ActivityHistory.svelte | |
| parent | feat(badges): put returns badges (diff) | |
| download | due.moe-1d0ffdba530fa166ac577ef1fba3b5a0a959959a.tar.xz due.moe-1d0ffdba530fa166ac577ef1fba3b5a0a959959a.zip | |
refactor(wrapped): move panels to components
Diffstat (limited to 'src/lib/Tools/Wrapped/ActivityHistory.svelte')
| -rw-r--r-- | src/lib/Tools/Wrapped/ActivityHistory.svelte | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/src/lib/Tools/Wrapped/ActivityHistory.svelte b/src/lib/Tools/Wrapped/ActivityHistory.svelte new file mode 100644 index 00000000..7c972eb9 --- /dev/null +++ b/src/lib/Tools/Wrapped/ActivityHistory.svelte @@ -0,0 +1,21 @@ +<script lang="ts"> + import type { ActivityHistoryEntry } from '$lib/AniList/activity'; + import type { AniListAuthorisation } from '$lib/AniList/identity'; + import ActivityHistoryGrid from '../ActivityHistory/Grid.svelte'; + + export let user: AniListAuthorisation; + export let activities: ActivityHistoryEntry[]; + export let year: number; + export let activityHistoryPosition: 'TOP' | 'BELOW_TOP' | 'ORIGINAL'; +</script> + +<div + class="categories-grid" + style={`padding-${activityHistoryPosition === 'ORIGINAL' ? 'top' : 'bottom'}: 0;`} +> + <div class="category-grid bottom-category pure-category category"> + <div id="activity-history"> + <ActivityHistoryGrid {user} activityData={activities} currentYear={year} /> + </div> + </div> +</div> |