diff options
Diffstat (limited to 'src/lib/Tools/BirthdaysTemplate.svelte')
| -rw-r--r-- | src/lib/Tools/BirthdaysTemplate.svelte | 60 |
1 files changed, 31 insertions, 29 deletions
diff --git a/src/lib/Tools/BirthdaysTemplate.svelte b/src/lib/Tools/BirthdaysTemplate.svelte index 5f476275..3dc5c4fd 100644 --- a/src/lib/Tools/BirthdaysTemplate.svelte +++ b/src/lib/Tools/BirthdaysTemplate.svelte @@ -1,36 +1,38 @@ <script lang="ts"> - import { browser } from '$app/environment'; - import { page } from '$app/stores'; - import { onMount } from 'svelte'; - import { clearAllParameters, parseOrDefault } from '../Utility/parameters'; - import Message from '$lib/Loading/Message.svelte'; - import locale from '$stores/locale'; - import Error from '$lib/Error/RateLimited.svelte'; - import Skeleton from '$lib/Loading/Skeleton.svelte'; +import { browser } from "$app/environment"; +import { page } from "$app/stores"; +import { onMount } from "svelte"; +import { clearAllParameters, parseOrDefault } from "../Utility/parameters"; +import Message from "$lib/Loading/Message.svelte"; +import locale from "$stores/locale"; +import RateLimitedError from "$lib/Error/RateLimited.svelte"; +import Skeleton from "$lib/Loading/Skeleton.svelte"; - export let remoteURL: string; +export let remoteURL: string; - const urlParameters = browser ? new URLSearchParams(window.location.search) : null; - let date = new Date(); - let month = parseOrDefault(urlParameters, 'month', date.getMonth() + 1); - let day = parseOrDefault(urlParameters, 'day', date.getDate()); - const remoteBirthdays = fetch(remoteURL); +const urlParameters = browser + ? new URLSearchParams(window.location.search) + : null; +let date = new Date(); +let month = parseOrDefault(urlParameters, "month", date.getMonth() + 1); +let day = parseOrDefault(urlParameters, "day", date.getDate()); +const remoteBirthdays = fetch(remoteURL); - $: { - month = Math.min(month, 12); - month = Math.max(month, 1); - day = Math.min(day, new Date(2024, month, 0).getDate()); - day = Math.max(day, 1); +$: { + month = Math.min(month, 12); + month = Math.max(month, 1); + day = Math.min(day, new Date(2024, month, 0).getDate()); + day = Math.max(day, 1); - if (browser) { - $page.url.searchParams.set('month', month.toString()); - $page.url.searchParams.set('day', day.toString()); - clearAllParameters(['month', 'day']); - history.replaceState(null, '', `?${$page.url.searchParams.toString()}`); - } - } + if (browser) { + $page.url.searchParams.set("month", month.toString()); + $page.url.searchParams.set("day", day.toString()); + clearAllParameters(["month", "day"]); + history.replaceState(null, "", `?${$page.url.searchParams.toString()}`); + } +} - onMount(() => clearAllParameters(['month', 'day'])); +onMount(() => clearAllParameters(["month", "day"])); </script> {#await remoteBirthdays} @@ -95,10 +97,10 @@ </div> {/if} {:catch} - <Error type="Character" card /> + <RateLimitedError type="Character" card /> {/await} {:catch} - <Error type="Character" card /> + <RateLimitedError type="Character" card /> {/await} <style lang="scss"> |