diff options
Diffstat (limited to 'src/routes/tools')
| -rw-r--r-- | src/routes/tools/+page.svelte | 23 |
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> |