diff options
Diffstat (limited to 'src/routes')
| -rw-r--r-- | src/routes/tools/+page.svelte | 19 |
1 files changed, 9 insertions, 10 deletions
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index 7ea66b17..7862c0d8 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -5,26 +5,25 @@ import EpisodeDiscussionCollector from '$lib/Tools/EpisodeDiscussionCollector.svelte'; import CharacterBirthdays from '$lib/Tools/CharacterBirthdays.svelte'; import { page } from '$app/stores'; - import { goto } from '$app/navigation'; import SequelSpy from '$lib/Tools/SequelSpy.svelte'; export let data; const urlParameters = browser ? new URLSearchParams(window.location.search) : null; - let tool = browser && urlParameters?.size !== 0 ? urlParameters?.get('tool') : 'default'; + let tool = + browser && urlParameters?.size !== 0 ? urlParameters?.get('tool') || 'default' : 'default'; - const changeTool = ( - e: Event & { - currentTarget: EventTarget & HTMLSelectElement; + $: { + if (browser) { + $page.url.searchParams.forEach((_, key) => $page.url.searchParams.delete(key)); + $page.url.searchParams.set('tool', tool); + history.replaceState(null, '', `?${$page.url.searchParams.toString()}`); } - ) => { - $page.url.searchParams.set('tool', (e.target as HTMLSelectElement)?.value); - goto(`?${$page.url.searchParams.toString()}`); - }; + } </script> <p> - <select bind:value={tool} on:change={changeTool}> + <select bind:value={tool}> <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> |