feat(list): error component

4 files changed, 8 insertions, 57 deletions

diff --git a/src/lib/List/Due/AnimeList.svelte b/src/lib/List/Due/AnimeList.svelte
index 6d1b7457..69115bd4 100644
--- a/src/lib/List/Due/AnimeList.svelte
+++ b/src/lib/List/Due/AnimeList.svelte
@@ -9,6 +9,7 @@
 	import lastPruneTimes from '../../../stores/lastPruneTimes';
 	import { airingTime, cleanCache, totalEpisodes, updateMedia } from '$lib/Media/anime';
 	import ListTitle from './ListTitle.svelte';
+	import Error from '$lib/Error.svelte';
 
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
@@ -159,18 +160,5 @@
 {:catch}
 	<ListTitle time={0} count={'?'} anime />
 
-	<ul>
-		<li>
-			<p>
-				Media could not be loaded. You might have been <a
-					href="https://en.wikipedia.org/wiki/Rate_limiting"
-					target="_blank">rate limited</a
-				>.
-			</p>
-			<p>
-				Try again in a few minutes. If the problem persists, please contact
-				<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
-			</p>
-		</li>
-	</ul>
+	<Error />
 {/await}
diff --git a/src/lib/List/Due/MangaList.svelte b/src/lib/List/Due/MangaList.svelte
index d7c37d48..b6644374 100644
--- a/src/lib/List/Due/MangaList.svelte
+++ b/src/lib/List/Due/MangaList.svelte
@@ -8,6 +8,7 @@
 	import settings from '../../../stores/settings';
 	import lastPruneTimes from '../../../stores/lastPruneTimes';
 	import ListTitle from './ListTitle.svelte';
+	import Error from '$lib/Error.svelte';
 
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
@@ -161,22 +162,8 @@
 			{/each}
 		</ul>
 	{:catch}
-		<summary>Manga & Light Novels [?] <small style="opacity: 50%">0s</small></summary>
 		<ListTitle count={'?'} time={0} />
 
-		<ul>
-			<li>
-				<p>
-					Media could not be loaded. You might have been <a
-						href="https://en.wikipedia.org/wiki/Rate_limiting"
-						target="_blank">rate limited</a
-					>.
-				</p>
-				<p>
-					Try again in a few minutes. If the problem persists, please contact
-					<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
-				</p>
-			</li>
-		</ul>
+		<Error />
 	{/await}
 {/await}
diff --git a/src/lib/List/UpcomingAnimeList.svelte b/src/lib/List/UpcomingAnimeList.svelte
index d45b3633..68243823 100644
--- a/src/lib/List/UpcomingAnimeList.svelte
+++ b/src/lib/List/UpcomingAnimeList.svelte
@@ -9,6 +9,7 @@
 	import settings from '../../stores/settings';
 	import { airingTime, cleanCache } from '$lib/Media/anime';
 	import ListTitle from './Due/ListTitle.svelte';
+	import Error from '$lib/Error.svelte';
 
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
@@ -116,18 +117,5 @@
 {:catch}
 	<ListTitle count="?" time="0" custom="Upcoming Episodes" />
 
-	<ul>
-		<li>
-			<p>
-				Media could not be loaded. You might have been <a
-					href="https://en.wikipedia.org/wiki/Rate_limiting"
-					target="_blank">rate limited</a
-				>.
-			</p>
-			<p>
-				Try again in a few minutes. If the problem persists, please contact
-				<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
-			</p>
-		</li>
-	</ul>
+	<Error />
 {/await}
diff --git a/src/lib/List/WatchingAnimeList.svelte b/src/lib/List/WatchingAnimeList.svelte
index 02b35b01..bcb4f756 100644
--- a/src/lib/List/WatchingAnimeList.svelte
+++ b/src/lib/List/WatchingAnimeList.svelte
@@ -9,6 +9,7 @@
 	import settings from '../../stores/settings';
 	import { cleanCache, totalEpisodes, updateMedia } from '$lib/Media/anime';
 	import ListTitle from './Due/ListTitle.svelte';
+	import Error from '$lib/Error.svelte';
 
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
@@ -112,18 +113,5 @@
 {:catch}
 	<ListTitle count="?" time="0" custom="Completed Anime" />
 
-	<ul>
-		<li>
-			<p>
-				Media could not be loaded. You might have been <a
-					href="https://en.wikipedia.org/wiki/Rate_limiting"
-					target="_blank">rate limited</a
-				>.
-			</p>
-			<p>
-				Try again in a few minutes. If the problem persists, please contact
-				<a href="https://anilist.co/user/fuwn" target="_blank">@fuwn</a> on AniList.
-			</p>
-		</li>
-	</ul>
+	<Error />
 {/await}