From e5de193dd2b8cb1ae465dd4c7116b29532003254 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 7 Feb 2024 02:34:22 -0800
Subject: feat(hololive): show ended tag

---
 src/routes/hololive/+page.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/routes')

diff --git a/src/routes/hololive/+page.svelte b/src/routes/hololive/+page.svelte
index 42e01075..4600dca0 100644
--- a/src/routes/hololive/+page.svelte
+++ b/src/routes/hololive/+page.svelte
@@ -67,7 +67,8 @@
 					<div class="stream card">
 						<p>
 							[{#if live.streaming}
-								<b class="live">LIVE</b>{:else}
+								<b class="live">LIVE</b>{:else if new Date(live.time).getTime() < Date.now()}
+								<span class="ended">Ended</span>{:else}
 								<span class="upcoming">Upcoming</span>{/if}]
 							<b>{live.streamer}</b> <span class="opaque">|</span>
 							{new Date(live.time).toLocaleString()}
@@ -129,6 +130,10 @@
 		color: var(--base0C);
 	}
 
+	.ended {
+		color: var(--base0D);
+	}
+
 	.container {
 		display: grid;
 		grid-template-columns: repeat(auto-fill, minmax(22.5em, 1fr));
-- 
cgit v1.2.3