aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Tools/Wrapped/ActivityHistory.svelte
blob: 7c972eb90b68a10f5104b00b0685e4c8b6d0d61e (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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>