blob: e652a487a5e1a05dbc3b71cd30cc2fe0c505e259 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<script lang="ts">
import type { ActivityHistoryEntry } from '$lib/Data/AniList/activity';
import type { AniListAuthorisation } from '$lib/Data/AniList/identity';
import ActivityHistoryGrid from '../ActivityHistory/Grid.svelte';
interface Props {
user: AniListAuthorisation;
activities: ActivityHistoryEntry[];
year: number;
activityHistoryPosition: 'TOP' | 'BELOW_TOP' | 'ORIGINAL';
}
let {
user,
activities,
year,
activityHistoryPosition
}: Props = $props();
</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>
|