From 299c17efe091ff9afa3b83c5476552334b587f5b Mon Sep 17 00:00:00 2001
From: Michael Verdi <hello@michaelverdi.com>
Date: Wed, 18 Jun 2025 16:58:24 -0500
Subject: [PATCH] Update vr180-player.js to use HTML text for enterVrBtn

---
 vr180-player.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/vr180-player.js b/vr180-player.js
index c58f4f9..fe2d21e 100644
--- a/vr180-player.js
+++ b/vr180-player.js
@@ -81,8 +81,8 @@ const SOUND_MUTED_SVG_PATH = "M6.9082 2.8985C7.71639 2.45747 8.74994 3.03437 8.7
 
 document.addEventListener('DOMContentLoaded', () => {
 	videoElement = document.getElementById('vrVideo');
-	enterVrBtn = document.getElementById('enterVrBtn');
 	videoInfoDiv = document.getElementById('video-info');
+	enterVrBtn = document.getElementById('enterVrBtn');
 
 	if (videoElement) {
 		videoElement.style.display = 'none';
@@ -117,13 +117,13 @@ document.addEventListener('DOMContentLoaded', () => {
 				init();
 			} else {
 				enterVrBtn.dataset.xrSupported = "false";
-				if (enterVrBtn) enterVrBtn.style.display = 'none';
+				enterVrBtn.disabled = true;
 				// If VR is not supported, ensure video-info remains hidden
 				if (videoInfoDiv) videoInfoDiv.style.display = 'none';
 			}
 		}).catch(err => {
 			console.error("XR Support Check Error:", err);
-			if (enterVrBtn) enterVrBtn.style.display = 'none';
+			enterVrBtn.disabled = true;
 			// On error, ensure video-info remains hidden
 			if (videoInfoDiv) videoInfoDiv.style.display = 'none';
 		});
@@ -131,7 +131,6 @@ document.addEventListener('DOMContentLoaded', () => {
 		// If navigator.xr itself is not available, VR is not supported
 		if (enterVrBtn) {
 			enterVrBtn.disabled = true;
-			enterVrBtn.style.display = 'none';
 		}
 		// Ensure video-info remains hidden
 		if (videoInfoDiv) videoInfoDiv.style.display = 'none';
@@ -872,7 +871,9 @@ async function actualSessionToggle() {
 			isXrLoopActive = true;
 			renderer.setAnimationLoop(renderXR);
 
-			if (enterVrBtn) enterVrBtn.textContent = 'Exit VR';
+			if (enterVrBtn) {
+				enterVrBtn.textContent = enterVrBtn.dataset.enterVrText;
+			}
 			frameCounter = 0;
 			lastFadeTimestamp = performance.now();
 
@@ -964,7 +965,10 @@ function onVRSessionEnd(event) {
 		xrSession = null;
 	} else if (xrSession && endedSession) {
 		console.warn("onVRSessionEnd: Global xrSession was different from the endedSession. Global xrSession:", xrSession, "Ended session:", endedSession);
-		xrSession = null; 
+		xrSession = null;
+	}
+	if (enterVrBtn) {
+		enterVrBtn.textContent = enterVrBtn.dataset.enterVrText;
 	}