diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/List/Anime/CleanAnimeList.svelte | 12 | ||||
| -rw-r--r-- | src/lib/List/Manga/CleanMangaList.svelte | 12 |
2 files changed, 16 insertions, 8 deletions
diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte index 683e54b4..808a8e5b 100644 --- a/src/lib/List/Anime/CleanAnimeList.svelte +++ b/src/lib/List/Anime/CleanAnimeList.svelte @@ -95,9 +95,13 @@ $: filteredMedia = ? media : media.filter((m) => m.mediaListEntry?.customLists?.[selectedList]); -const updateSelectedList = () => { - if (!disableFilter && $stateBin[filterKey] !== selectedList) - $stateBin[filterKey] = selectedList; +const updateSelectedList = (event: Event) => { + const nextSelectedList = (event.currentTarget as HTMLSelectElement).value; + + selectedList = nextSelectedList; + + if (!disableFilter && $stateBin[filterKey] !== nextSelectedList) + $stateBin[filterKey] = nextSelectedList; }; const clearAiringRefreshTimeout = () => { @@ -238,7 +242,7 @@ const increment = (anime: Media, progress: number) => { Force refresh </button> {:else if $settings.displayMediaListFilter && !disableFilter} - <select bind:value={selectedList} onchange={updateSelectedList}> + <select 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 9727c26d..fb41253c 100644 --- a/src/lib/List/Manga/CleanMangaList.svelte +++ b/src/lib/List/Manga/CleanMangaList.svelte @@ -74,9 +74,13 @@ $: filteredMedia = ? media : media.filter((m) => m.mediaListEntry?.customLists?.[selectedList]); -const updateSelectedList = () => { - if (!disableFilter && $stateBin[filterKey] !== selectedList) - $stateBin[filterKey] = selectedList; +const updateSelectedList = (event: Event) => { + const nextSelectedList = (event.currentTarget as HTMLSelectElement).value; + + selectedList = nextSelectedList; + + if (!disableFilter && $stateBin[filterKey] !== nextSelectedList) + $stateBin[filterKey] = nextSelectedList; }; onMount(async () => { @@ -169,7 +173,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={selectedList} onchange={updateSelectedList}> + <select value={selectedList} onchange={updateSelectedList}> <option value="All">All</option> {#each lists as list} |