feat(list): Persistent per-list collapsed state

2 files changed, 7 insertions, 17 deletions

diff --git a/src/lib/List/Anime/DueIndexColumn.svelte b/src/lib/List/Anime/DueIndexColumn.svelte
index 61f2a178..920035bc 100644
--- a/src/lib/List/Anime/DueIndexColumn.svelte
+++ b/src/lib/List/Anime/DueIndexColumn.svelte
@@ -2,15 +2,20 @@
   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';
+  import { onMount } from 'svelte';
+  import stateBin from '$stores/stateBin';
 
   export let userIdentity: { id: number };
   export let user: AniListAuthorisation;
+
+  onMount(() => {
+    $stateBin.dueAnimeListOpen ??= true;
+  });
 </script>
 
-<details open={!$settings.displayAnimeCollapsed} class="list list-due">
+<details bind:open={$stateBin.dueAnimeListOpen} class="list list-due">
   {#if userIdentity.id !== -2}
     <AnimeList {user} />
   {:else}
diff --git a/src/lib/Settings/Categories/Display.svelte b/src/lib/Settings/Categories/Display.svelte
index dbc1c447..8617e74d 100644
--- a/src/lib/Settings/Categories/Display.svelte
+++ b/src/lib/Settings/Categories/Display.svelte
@@ -162,21 +162,6 @@
 
 <p />
 
-<b>{$locale().settings.display.categories.collapsePanelsByDefault}</b><br />
-<SettingCheckboxToggle
-  setting="displayUpcomingAnimeCollapsed"
-  text={$locale().settings.media.upcomingAnime}
-  lineBreak={false}
-/>
-<SettingCheckboxToggle
-  setting="displayAnimeCollapsed"
-  text={$locale().settings.media.anime}
-  lineBreak={false}
-/>
-<SettingCheckboxToggle setting="displayMangaCollapsed" text={$locale().settings.media.manga} />
-
-<p />
-
 <b>{$locale().settings.display.categories.motionAndAccessibility.title}</b><br />
 <SettingCheckboxToggle
   setting="displayDisableAnimations"