From 3a3e97acccbf3016cd2e40e991c714a93813cdde Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Thu, 19 Mar 2026 19:40:42 +0000
Subject: [PATCH] fix(web): address review feedback on PoW challenge component

- Guard j() helper against null/empty textContent before JSON.parse
- Use <button> instead of clickable <div> for "finished reading" control
  to support keyboard navigation and screen readers
- Make currentLang a local const inside initTranslations since it is
  not read elsewhere

Assisted-by: Claude Opus 4.6 via Claude Code
Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 web/js/main.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/web/js/main.tsx b/web/js/main.tsx
index 1171cfc4..32dd4785 100644
--- a/web/js/main.tsx
+++ b/web/js/main.tsx
@@ -15,7 +15,12 @@ const j = (id: string): any | null => {
     return null;
   }
 
-  return JSON.parse(elem.textContent);
+  const text = elem.textContent;
+  if (text == null || text.trim() === "") {
+    return null;
+  }
+
+  return JSON.parse(text);
 };
 
 const imageURL = (
@@ -66,11 +71,10 @@ const getRedirectUrl = () => {
 };
 
 let translations: Record<string, string> = {};
-let currentLang: string;
 
 // Initialize translations
 const initTranslations = async () => {
-  currentLang = await getBrowserLanguage();
+  const currentLang = await getBrowserLanguage();
   translations = await loadTranslations(currentLang);
 };
 
@@ -281,7 +285,7 @@ function App({ anubisVersion, basePrefix }: AppProps) {
         )}
       </p>
       {phase === "reading" ? (
-        <div
+        <button
           id="progress"
           style={{
             display: "flex",
@@ -297,11 +301,14 @@ function App({ anubisVersion, basePrefix }: AppProps) {
             outlineOffset: "2px",
             width: "min(20rem, 90%)",
             margin: "1rem auto 2rem",
+            border: "none",
+            fontSize: "inherit",
+            fontFamily: "inherit",
           }}
           onClick={() => redirectFn.current?.()}
         >
           {t("finished_reading")}
-        </div>
+        </button>
       ) : (
         <div
           id="progress"