From 6ab1d2908826be7f02b512e49f7c9b8029915985 Mon Sep 17 00:00:00 2001
From: Pere Joan Martorell <pj.martorell@gmail.com>
Date: Mon, 6 May 2024 22:59:56 +0200
Subject: [PATCH] Fix bug caused by using dom/selector in inline scripts, which
 breaks TwitchLiveBox component

---
 src/components/TwitchLiveBox.astro | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/TwitchLiveBox.astro b/src/components/TwitchLiveBox.astro
index 75eb15003..741f51d18 100644
--- a/src/components/TwitchLiveBox.astro
+++ b/src/components/TwitchLiveBox.astro
@@ -40,22 +40,20 @@ const { streamer = "ibai" } = Astro.props
 </div>
 
 <script is:inline>
-	import { $ } from "@/lib/dom-selector"
-
 	const CONFIG = {
 		MIDU_API_UPTIME_WORKER: "https://midudev-apis.midudev.workers.dev/uptime",
 		VELADA_DATE: "2024-07-13 19:00:00 GMT+0100",
 		TWITCH_PLAYER_URL: "https://player.twitch.tv",
 	}
-	const streamer = $("#streamer").value
+	const streamer = document.querySelector("#streamer").value
 	const isVeladaTime = new Date().getTime() >= new Date(CONFIG.VELADA_DATE).getTime()
 	if (isVeladaTime) {
 		fetch(`${CONFIG.MIDU_API_UPTIME_WORKER}/${streamer}`)
 			.then((res) => res.json())
 			.then(({ online }) => {
 				if (online) {
-					$("#live").style.display = "block"
-					$("#live-frame").innerHTML =
+					document.querySelector("#live").style.display = "block"
+					document.querySelector("#live-frame").innerHTML =
 						`<iframe src="${CONFIG.TWITCH_PLAYER_URL}/?channel=${streamer}&parent=${document.location.hostname}" frameborder="0" width="380" height="200" allowfullscreen="true" scrolling="no"></iframe>`
 				}
 			})
@@ -64,9 +62,9 @@ const { streamer = "ibai" } = Astro.props
 			})
 	}
 
-	const closeButton = $("#live-close")
+	const closeButton = document.querySelector("#live-close")
 	closeButton?.addEventListener("click", () => {
-		$("#live").style.display = "none"
-		$("#live").innerHTML = ""
+		document.querySelector("#live").style.display = "none"
+		document.querySelector("#live").innerHTML = ""
 	})
 </script>