src/lib/List/Anime/DueIndexColumn.svelte


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>