diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/routes/tools/+page.svelte | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index d953dc07..6d6cf06c 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -5,6 +5,8 @@ import EpisodeDiscussionCollector from '$lib/Tools/EpisodeDiscussionCollector.svelte'; import { onMount } from 'svelte'; import CharacterBirthdays from '$lib/Tools/CharacterBirthdays.svelte'; + import { page } from '$app/stores'; + import { goto } from '$app/navigation'; export let data; @@ -30,10 +32,19 @@ break; } }); + + const changeTool = ( + e: Event & { + currentTarget: EventTarget & HTMLSelectElement; + } + ) => { + $page.url.searchParams.set('tool', (e.target as HTMLSelectElement)?.value); + goto(`?${$page.url.searchParams.toString()}`); + }; </script> <p> - <select bind:value={tool}> + <select bind:value={tool} on:change={changeTool}> <option value="default" selected disabled hidden>Tool</option> <option value="todays_character_birthdays">Today's Character Birthdays</option> <option value="activity_history_hole_risks">Activity History Hole Risks</option> |