diff --git a/ui/src/routes/catalogue/+page.svelte b/ui/src/routes/catalogue/+page.svelte index 0416075..1dde24f 100644 --- a/ui/src/routes/catalogue/+page.svelte +++ b/ui/src/routes/catalogue/+page.svelte @@ -22,11 +22,11 @@ filterStatus = data.status; }); - function navigateWithFilters(overrides: { sort?: string; genre?: string; status?: string }) { + function applyFilters() { const params = new URLSearchParams(); - params.set('sort', overrides.sort ?? filterSort); - params.set('genre', overrides.genre ?? filterGenre); - params.set('status', overrides.status ?? filterStatus); + params.set('sort', filterSort); + params.set('genre', filterGenre); + params.set('status', filterStatus); params.set('page', '1'); goto(`/catalogue?${params.toString()}`); } @@ -414,7 +414,6 @@ id="filter-sort" name="sort" bind:value={filterSort} - onchange={() => navigateWithFilters({ sort: filterSort })} class="bg-zinc-900 border border-zinc-700 text-zinc-200 text-sm rounded px-3 py-2 focus:outline-none focus:border-amber-400 w-full" > {#each sorts as s} @@ -429,7 +428,6 @@ id="filter-genre" name="genre" bind:value={filterGenre} - onchange={() => navigateWithFilters({ genre: filterGenre })} disabled={isRankView} class="bg-zinc-900 border border-zinc-700 text-zinc-200 text-sm rounded px-3 py-2 focus:outline-none focus:border-amber-400 disabled:opacity-40 disabled:cursor-not-allowed w-full" > @@ -445,7 +443,6 @@ id="filter-status" name="status" bind:value={filterStatus} - onchange={() => navigateWithFilters({ status: filterStatus })} disabled={isRankView} class="bg-zinc-900 border border-zinc-700 text-zinc-200 text-sm rounded px-3 py-2 focus:outline-none focus:border-amber-400 disabled:opacity-40 disabled:cursor-not-allowed w-full" > @@ -464,6 +461,13 @@ Reset + {/if}