- Remove countdown text when event starts

midudev · Feb 27, 2024 · 3b6c788 · 3b6c788
1 parent 9fbc195
commit 3b6c788
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/sections/Countdown.astro b/src/sections/Countdown.astro
@@ -6,7 +6,7 @@ import { EVENT_TIMESTAMP } from "@/consts/event-date"
 
 <section class="my-0 flex flex-col place-items-center gap-y-10 lg:my-32" aria-label="cuenta atrás">
 	<LaVeladaLogo class="text-primary" />
-	<p class="text-balance text-center text-lg font-medium uppercase text-primary opacity-80">
+	<p class="text-balance text-center text-lg font-medium uppercase text-primary opacity-80 countdown-text">
 		Para el Evento de Presentación faltan
 	</p>
 
@@ -81,6 +81,7 @@ import { EVENT_TIMESTAMP } from "@/consts/event-date"
 
 			if (diff < 1000) {
 				clearInterval(intervalId)
+				document.querySelector(".countdown-text").remove()
 
 				$countdown.innerHTML = "¡La velada ha comenzado! 🎉"
 				$countdown.className = "text-primary uppercase font-semibold animate-fade-in text-3xl"