blob: 1df355a422867e400f8b1e35f618cae67496bac2 (
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
|
<script lang="ts">
import type { AniListAuthorisation } from "$lib/Data/AniList/identity";
import Skeleton from "$lib/Loading/Skeleton.svelte";
import locale from "$stores/locale";
import ListTitle from "../ListTitle.svelte";
import AnimeList from "$lib/List/Anime/DueAnimeList.svelte";
import { onMount } from "svelte";
import stateBin from "$stores/stateBin";
export let userIdentity: { id: number };
export let user: AniListAuthorisation;
onMount(() => {
$stateBin.dueAnimeListOpen ??= true;
});
</script>
<details bind:open={$stateBin.dueAnimeListOpen} 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>
|