diff options
Diffstat (limited to 'src/lib/List/Anime')
| -rw-r--r-- | src/lib/List/Anime/AnimeListTemplate.svelte | 26 | ||||
| -rw-r--r-- | src/lib/List/Anime/PlaceholderList.svelte | 20 |
2 files changed, 23 insertions, 23 deletions
diff --git a/src/lib/List/Anime/AnimeListTemplate.svelte b/src/lib/List/Anime/AnimeListTemplate.svelte index 9e95267b..c0314727 100644 --- a/src/lib/List/Anime/AnimeListTemplate.svelte +++ b/src/lib/List/Anime/AnimeListTemplate.svelte @@ -9,7 +9,7 @@ import ListTitle from '../ListTitle.svelte'; import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease'; import root from '$lib/Utility/root'; - import Skeleton from '$lib/Skeleton.svelte'; + import PlaceholderList from './PlaceholderList.svelte'; export let endTime: number; export let cleanMedia: ( @@ -33,17 +33,7 @@ </script> {#await fetch(root(`/api/subsplease?tz=${Intl.DateTimeFormat().resolvedOptions().timeZone}`)).then( (r) => r.json() )} - <ListTitle {title} /> - - <Skeleton - card={false} - count={8} - pad={$settings.displayCoverMode} - height={$settings.displayCoverMode ? '8rem' : '0.9rem'} - width={$settings.displayCoverMode ? `${$settings.displayCoverWidth / 1.05}px` : '100%'} - list={!$settings.displayCoverMode} - grid={$settings.displayCoverMode} - /> + <PlaceholderList {title} /> {:then subsPlease} {#await animeLists} {#if previousAnimeList} @@ -62,17 +52,7 @@ bind:pendingUpdate /> {:else} - <ListTitle {title} /> - - <Skeleton - card={false} - count={8} - pad={$settings.displayCoverMode} - height={$settings.displayCoverMode ? '8rem' : '0.9rem'} - width={$settings.displayCoverMode ? `${$settings.displayCoverWidth / 1.05}px` : '100%'} - list={!$settings.displayCoverMode} - grid={$settings.displayCoverMode} - /> + <PlaceholderList {title} /> {/if} {:then media} <CleanAnimeList diff --git a/src/lib/List/Anime/PlaceholderList.svelte b/src/lib/List/Anime/PlaceholderList.svelte new file mode 100644 index 00000000..3567ce62 --- /dev/null +++ b/src/lib/List/Anime/PlaceholderList.svelte @@ -0,0 +1,20 @@ +<script lang="ts"> + import Skeleton from '$lib/Skeleton.svelte'; + import settings from '$stores/settings'; + import ListTitle from '../ListTitle.svelte'; + import type { Title } from '../mediaTitle'; + + export let title: Title; +</script> + +<ListTitle {title} /> + +<Skeleton + card={false} + count={8} + pad={$settings.displayCoverMode} + height={$settings.displayCoverMode ? '8rem' : '0.9rem'} + width={$settings.displayCoverMode ? `${$settings.displayCoverWidth / 1.05}px` : '100%'} + list={!$settings.displayCoverMode} + grid={$settings.displayCoverMode} +/> |