From d6452a21ca309f2a90427df6655cc0c9538e5cb7 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 18 Apr 2024 01:13:00 -0700
Subject: fix(index): alignment on hide mix

---
 src/lib/List/Anime/DueIndexColumn.svelte | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/lib/List/Anime/DueIndexColumn.svelte

(limited to 'src/lib/List')

diff --git a/src/lib/List/Anime/DueIndexColumn.svelte b/src/lib/List/Anime/DueIndexColumn.svelte
new file mode 100644
index 00000000..6d81a661
--- /dev/null
+++ b/src/lib/List/Anime/DueIndexColumn.svelte
@@ -0,0 +1,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>
-- 
cgit v1.2.3