js error handling - improve feedback on frontend, show error message in red

1 files changed, 5 insertions, 4 deletions

diff --git a/src/static/main.js b/src/static/main.js
index c281444..12c5e3f 100644
--- a/src/static/main.js
+++ b/src/static/main.js
@@ -11,10 +11,11 @@ async function update() {
 		}
 	} catch (err) {
 		// Happens when the server is closed / unreachable
-		if (!topE.textContent.endsWith("❗")) {
-			topE.textContent = (topE.textContent.slice(0, -1) || topE.textContent) + "❗";
-		}
-		console.log("Fetch failed:", err);
+		err_msg = err.message + " ";
+		topE.innerHTML = '<span style="color: red">' + err_msg.slice(0, topE.textContent.length) + "</span>" + topE.textContent.slice(err_msg.length)
+
+		console.log("Failed to fetch update");
+		console.log(err)
 	}
 }