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}