feat(anime): no loading on increment

2 files changed, 15 insertions, 3 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index eb0b9eca..40a27d90 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -15,6 +15,7 @@
 	export let endTime: number;
 	export let lastUpdatedMedia: number;
 	export let completed = false;
+	export let previousAnimeList: Media[];
 </script>
 
 <ListTitle time={endTime / 1000} count={media.length} custom={title} />
@@ -56,6 +57,7 @@
 					href={'#'}
 					on:click={() =>
 						updateMedia(anime.id, anime.mediaListEntry?.progress, () => {
+							previousAnimeList = media;
 							animeLists = cleanCache(user, identity);
 							lastUpdatedMedia = anime.id;
 						})}>+</a
diff --git a/src/lib/List/Template/AnimeListTemplate.svelte b/src/lib/List/Template/AnimeListTemplate.svelte
index ed71a083..f2bd801d 100644
--- a/src/lib/List/Template/AnimeListTemplate.svelte
+++ b/src/lib/List/Template/AnimeListTemplate.svelte
@@ -17,12 +17,21 @@
 	export let completed = false;
 
 	let lastUpdatedMedia = -1;
+	let previousAnimeList: Media[] = [];
 </script>
 
 {#await animeLists}
-	<ListTitle custom={title} />
-
-	<ul><li>Loading ...</li></ul>
+	<CleanAnimeList
+		media={previousAnimeList}
+		{title}
+		bind:animeLists
+		{user}
+		{identity}
+		{endTime}
+		bind:lastUpdatedMedia
+		{completed}
+		bind:previousAnimeList
+	/>
 {:then media}
 	{@const cleanedMedia = cleanMedia(media, $settings.displayUnresolved)}
 
@@ -35,6 +44,7 @@
 		{endTime}
 		bind:lastUpdatedMedia
 		{completed}
+		bind:previousAnimeList
 	/>
 {:catch}
 	<ListTitle time={0} count={-1337} custom={title} />