blob: 3fadc8c25279a1f51358e6e6694c7613b8169399 (
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
|
<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, { hydrateStateBin } from "$stores/stateBin";
export let userIdentity: { id: number };
export let user: AniListAuthorisation;
onMount(async () => {
await hydrateStateBin();
$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>
|