From cc331b59be0da7e8174ff2c420cd8d51e51ee419 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sun, 1 Oct 2023 02:14:57 -0700
Subject: feat(list): colour last updated media if remains

---
 src/lib/List/Anime/CleanAnimeList.svelte       | 19 +++++++++++++------
 src/lib/List/Template/MangaListTemplate.svelte | 10 +++++++++-
 2 files changed, 22 insertions(+), 7 deletions(-)

(limited to 'src/lib')

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index 18700991..59303e6a 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -11,6 +11,8 @@
 	export let user: AniListAuthorisation;
 	export let identity: UserIdentity;
 	export let endTime: number;
+
+	let lastUpdatedMedia = -1;
 </script>
 
 <ListTitle time={endTime / 1000} count={media.length} custom={title} />
@@ -36,7 +38,13 @@
 					  }`}
 				target="_blank"
 			>
-				{anime.title.english || anime.title.romaji || anime.title.native}
+				{#if lastUpdatedMedia === anime.id}
+					<span style="color: lightcoral">
+						{anime.title.english || anime.title.romaji || anime.title.native}
+					</span>
+				{:else}
+					{anime.title.english || anime.title.romaji || anime.title.native}
+				{/if}
 			</a>
 			<span style="opacity: 50%;">|</span>
 			{#if title !== 'Upcoming Episodes'}
@@ -45,11 +53,10 @@
 				<a
 					href={'#'}
 					on:click={() =>
-						updateMedia(
-							anime.id,
-							anime.mediaListEntry?.progress,
-							() => (animeLists = cleanCache(user, identity))
-						)}>+</a
+						updateMedia(anime.id, anime.mediaListEntry?.progress, () => {
+							animeLists = cleanCache(user, identity);
+							lastUpdatedMedia = anime.id;
+						})}>+</a
 				>
 				{#if !title.includes('Completed')}
 					[{anime.nextAiringEpisode?.episode === -1
diff --git a/src/lib/List/Template/MangaListTemplate.svelte b/src/lib/List/Template/MangaListTemplate.svelte
index c6d02bf8..52900bd4 100644
--- a/src/lib/List/Template/MangaListTemplate.svelte
+++ b/src/lib/List/Template/MangaListTemplate.svelte
@@ -18,6 +18,7 @@
 	let mangaLists: Promise<Media[]>;
 	let startTime: number;
 	let endTime: number;
+	let lastUpdatedMedia = -1;
 
 	const keyCacher = setInterval(() => {
 		startTime = performance.now();
@@ -112,6 +113,7 @@
 				$lastPruneTimes.manga,
 				true
 			);
+			lastUpdatedMedia = id;
 		});
 	};
 
@@ -155,7 +157,13 @@
 			{#each cleanedMedia as manga}
 				<li>
 					<a href={`https://anilist.co/manga/${manga.id}`} target="_blank">
-						{manga.title.english || manga.title.romaji || manga.title.native}
+						{#if lastUpdatedMedia === manga.id}
+							<span style="color: lightcoral">
+								{manga.title.english || manga.title.romaji || manga.title.native}
+							</span>
+						{:else}
+							{manga.title.english || manga.title.romaji || manga.title.native}
+						{/if}
 					</a>
 					<span style="opacity: 50%;">|</span>
 					{(manga.mediaListEntry || { progress: 0 }).progress}
-- 
cgit v1.2.3