fix(cache): restore instant filters and shared AniList cache

2 files changed, 28 insertions, 8 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 4bc55772..683e54b4 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -71,10 +71,15 @@ let filterKind = upcoming
 			? "Completed"
 			: "Due";
 const filterKey = `${filterKind}AnimeListFilter`;
+let selectedList = "All";
 
-$: selectedList = disableFilter
-	? "All"
-	: ($stateBin[filterKey] as string) || "All";
+$: {
+	const persistedList = disableFilter
+		? "All"
+		: ($stateBin[filterKey] as string) || "All";
+
+	if (persistedList !== selectedList) selectedList = persistedList;
+}
 
 $: lists = Array.from(
 	new Set(
@@ -90,6 +95,11 @@ $: filteredMedia =
 		? media
 		: media.filter((m) => m.mediaListEntry?.customLists?.[selectedList]);
 
+const updateSelectedList = () => {
+	if (!disableFilter && $stateBin[filterKey] !== selectedList)
+		$stateBin[filterKey] = selectedList;
+};
+
 const clearAiringRefreshTimeout = () => {
 	if (airingRefreshTimeout) clearTimeout(airingRefreshTimeout);
 
@@ -228,7 +238,7 @@ const increment = (anime: Media, progress: number) => {
     Force refresh
   </button>
 {:else if $settings.displayMediaListFilter && !disableFilter}
-  <select bind:value={$stateBin[filterKey]}>
+  <select bind:value={selectedList} onchange={updateSelectedList}>
     <option value="All">All</option>
 
     {#each lists as list}
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index db5778da..9727c26d 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -50,10 +50,15 @@ let totalEpisodeDueCount = media
 let lists: string[] = [];
 const filterKind = due ? "due" : "completed";
 const filterKey = `${filterKind}MangaListFilter`;
+let selectedList = "All";
 
-$: selectedList = disableFilter
-	? "All"
-	: ($stateBin[filterKey] as string) || "All";
+$: {
+	const persistedList = disableFilter
+		? "All"
+		: ($stateBin[filterKey] as string) || "All";
+
+	if (persistedList !== selectedList) selectedList = persistedList;
+}
 
 $: lists = Array.from(
 	new Set(
@@ -69,6 +74,11 @@ $: filteredMedia =
 		? media
 		: media.filter((m) => m.mediaListEntry?.customLists?.[selectedList]);
 
+const updateSelectedList = () => {
+	if (!disableFilter && $stateBin[filterKey] !== selectedList)
+		$stateBin[filterKey] = selectedList;
+};
+
 onMount(async () => {
 	serviceStatusResponse = fetch(proxy("https://api.mangadex.org/ping"));
 
@@ -159,7 +169,7 @@ const increment = (manga: Media) => {
     You can re-enable it later in the <a href={root('/settings')}>Settings</a>.
   </span>
 {:else if $settings.displayMediaListFilter && !disableFilter}
-  <select bind:value={$stateBin[filterKey]}>
+  <select bind:value={selectedList} onchange={updateSelectedList}>
     <option value="All">All</option>
 
     {#each lists as list}