aboutsummaryrefslogtreecommitdiff
path: root/src/lib/List/Anime/DueIndexColumn.svelte
blob: 6d81a6614a01b4fe6431cc1d0e0879eba90f8b00 (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 { AniListAuthorisation } from '$lib/Data/AniList/identity';
	import Skeleton from '$lib/Loading/Skeleton.svelte';
	import locale from '$stores/locale';
	import settings from '$stores/settings';
	import ListTitle from '../ListTitle.svelte';
	import AnimeList from '$lib/List/Anime/DueAnimeList.svelte';

	export let userIdentity: { id: number };
	export let user: AniListAuthorisation;
</script>

<details open={!$settings.displayAnimeCollapsed} class="list list-due">
	{#if userIdentity.id !== -2}
		<AnimeList {user} />
	{:else}
		<ListTitle title={$locale().lists.due.episodes} />

		<Skeleton card={false} count={5} height="0.9rem" list />
	{/if}
</details>