merge: main into badges

1 files changed, 14 insertions, 9 deletions

diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 3976aeba..5a12fb0f 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -3,28 +3,33 @@
 	import { todaysCharacterBirthdays } from '$lib/AniList/character';
 	import Wrapped from '$lib/Tools/Wrapped.svelte';
 	import { browser } from '$app/environment';
+	import EpisodeDiscussionCollector from '$lib/Tools/EpisodeDiscussionCollector.svelte';
 
 	export let data;
 
-	let tool = browser ? Number(new URLSearchParams(window.location.search).get('tool')) || 0 : 0;
+	const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
+	let tool = browser && urlParameters?.size !== 0 ? urlParameters?.get('tool') : 'default';
 </script>
 
 <p>
 	<select bind:value={tool}>
-		<option value={0}>Tools</option>
-		<option value={1}>Today's Character Birthdays</option>
-		<option value={2}>Activity History Hole Risks</option>
-		<option value={3}>Wrapped (Beta)</option>
+		<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>
+		<option value="wrapped">Wrapped (Beta)</option>
+		<option value="episode_discussion_collector">Episode Discussion Collector (Beta)</option>
 	</select>
 </p>
 
-{#if tool === 0}
+{#if tool === 'default'}
 	Select a tool to continue.
-{:else if tool === 2}
+{:else if tool === 'activity_history_hole_risks'}
 	<ActivityHistory user={data.user} />
-{:else if tool === 3}
+{:else if tool === 'wrapped'}
 	<div id="wrapped"><Wrapped user={data.user} /></div>
-{:else if tool === 1}
+{:else if tool === 'episode_discussion_collector'}
+	<EpisodeDiscussionCollector />
+{:else if tool === 'todays_character_birthdays'}
 	<ul>
 		{#await todaysCharacterBirthdays()}
 			<li>Loading ...</li>