From 4b12e64915735f3b2a5e29073d208f87097f6285 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 25 Sep 2023 21:37:54 -0700
Subject: refactor(anime): use title component

---
 src/lib/List/Due/AnimeList.svelte | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'src/lib/List/Due/AnimeList.svelte')

diff --git a/src/lib/List/Due/AnimeList.svelte b/src/lib/List/Due/AnimeList.svelte
index a1792290..6d1b7457 100644
--- a/src/lib/List/Due/AnimeList.svelte
+++ b/src/lib/List/Due/AnimeList.svelte
@@ -8,6 +8,7 @@
 	import settings from '../../../stores/settings';
 	import lastPruneTimes from '../../../stores/lastPruneTimes';
 	import { airingTime, cleanCache, totalEpisodes, updateMedia } from '$lib/Media/anime';
+	import ListTitle from './ListTitle.svelte';
 
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
@@ -105,16 +106,13 @@
 </script>
 
 {#await animeLists}
-	<summary>Anime [...] <small style="opacity: 50%">...s</small></summary>
+	<ListTitle anime />
 
 	<ul><li>Loading ...</li></ul>
 {:then media}
 	{@const cleanedMedia = cleanMedia(media, displayUnresolved)}
 
-	<summary
-		>Anime [{cleanedMedia.length}]
-		<small style="opacity: 50%">{endTime / 1000}s</small></summary
-	>
+	<ListTitle time={endTime / 1000} count={cleanedMedia.length} anime />
 
 	{#if cleanedMedia.length === 0}
 		<ul>
@@ -159,7 +157,7 @@
 		{/each}
 	</ul>
 {:catch}
-	<summary>Anime [?] <small style="opacity: 50%">0s</small></summary>
+	<ListTitle time={0} count={'?'} anime />
 
 	<ul>
 		<li>
-- 
cgit v1.2.3

