From c7e170b1a302e08eac55fc2e5c209a2c2a2ad147 Mon Sep 17 00:00:00 2001
From: Matt Walsh <github@netbymatt.com>
Date: Mon, 16 Jun 2025 23:10:37 -0500
Subject: [PATCH] fix for black radar background on mobile

---
 server/scripts/modules/radar.mjs | 4 +++-
 views/partials/radar.ejs         | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/server/scripts/modules/radar.mjs b/server/scripts/modules/radar.mjs
index d8d7fb8..3e22a13 100644
--- a/server/scripts/modules/radar.mjs
+++ b/server/scripts/modules/radar.mjs
@@ -162,7 +162,9 @@ class Radar extends WeatherDisplay {
 			const onscreenContext = onscreenCanvas.getContext('bitmaprenderer');
 			onscreenContext.transferFromImageBitmap(processedRadar);
 
-			const elem = this.fillTemplate('frame', { map: { type: 'canvas', canvas: onscreenCanvas } });
+			const dataUrl = onscreenCanvas.toDataURL();
+
+			const elem = this.fillTemplate('frame', { map: { type: 'img', src: dataUrl } });
 			return {
 				time,
 				elem,
diff --git a/views/partials/radar.ejs b/views/partials/radar.ejs
index 6cd3f02..383e865 100644
--- a/views/partials/radar.ejs
+++ b/views/partials/radar.ejs
@@ -36,6 +36,7 @@
 		<div class="scroll-area">
 			<div class="frame template">
 				<div class="map">
+					<img/>
 				</div>
 			</div>
 		</div>