diff options
| -rw-r--r-- | src/lib/Media/anime.ts | 8 |
1 files changed, 5 insertions, 3 deletions
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>`; } |