diff options
Diffstat (limited to 'src/routes/tools')
| -rw-r--r-- | src/routes/tools/+page.svelte | 31 |
1 files changed, 2 insertions, 29 deletions
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index 80777c98..d953dc07 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -1,11 +1,10 @@ <script lang="ts"> import ActivityHistory from '$lib/Tools/ActivityHistory.svelte'; - 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'; import { onMount } from 'svelte'; - import Error from '$lib/Error.svelte'; + import CharacterBirthdays from '$lib/Tools/CharacterBirthdays.svelte'; export let data; @@ -52,37 +51,11 @@ {:else if tool === 'episode_discussion_collector'} <EpisodeDiscussionCollector /> {:else if tool === 'todays_character_birthdays'} - {#await todaysCharacterBirthdays()} - Loading ... - {:then birthdays} - <div id="characters"> - {#each birthdays as birthday} - <div> - <a href={`https://anilist.co/character/${birthday.id}`} target="_blank"> - {birthday.name.full} - <img src={birthday.image.large} alt="Character (Large)" class="character-image" /> - </a> - </div> - {/each} - </div> - {:catch} - <Error type="Character" /> - {/await} + <CharacterBirthdays /> {/if} <style> #wrapped { width: 980px; } - - #characters { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(8%, 1fr)); - grid-gap: 0; - grid-row-gap: 1rem; - } - - .character-image { - height: 20vh; - } </style> |