feat(tools): change url on tool change

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>