diff options
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> |