From e756f055c0320c1f4454b846b62642e4cc388af8 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 31 Oct 2023 18:15:54 -0700
Subject: feat(anime): higher opacity for closest items

---
 src/lib/Media/anime.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/lib/Media/anime.ts')

diff --git a/src/lib/Media/anime.ts b/src/lib/Media/anime.ts
index 9facce8f..5e5bfd68 100644
--- a/src/lib/Media/anime.ts
+++ b/src/lib/Media/anime.ts
@@ -63,12 +63,14 @@ export const airingTime = (anime: Media, upcoming = false) => {
 			timeFrame = `${minutes} minute${minutes === 1 ? '' : 's'}`;
 		}
 
+		const opacity = Math.round(100 - (untilAiring / 60 / 60 / 24 / 7) * 50);
+
 		if (upcoming) {
-			return `${anime.nextAiringEpisode?.episode}${totalEpisodes(
+			return `<span style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode}${totalEpisodes(
 				anime
-			)} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span>`;
+			)} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span></span>`;
 		} else {
-			return `<span style="opacity: 50%">${anime.nextAiringEpisode?.episode} in ${
+			return `<span style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode} in ${
 				few ? '<b>' : ''
 			}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
 		}
-- 
cgit v1.2.3