From ef05f2c08bafad8615371881497700c3006d6410 Mon Sep 17 00:00:00 2001
From: LaurensBartelds <laurensbartelds@protonmail.com>
Date: Tue, 21 Apr 2026 21:50:07 +0200
Subject: [PATCH] fix: add validateExam to loadSample; use native button for
 dropzone accessibility

---
 frontend/src/components/Landing.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Landing.tsx b/frontend/src/components/Landing.tsx
index 9fde90d..647fda4 100644
--- a/frontend/src/components/Landing.tsx
+++ b/frontend/src/components/Landing.tsx
@@ -41,6 +41,8 @@ export default function Landing({ onLoadExam, history, onResume, onClearHistory,
     try {
       const r = await fetch(path)
       const data = await r.json() as unknown
+      const msg = validateExam(data)
+      if (msg) throw new Error(msg)
       onLoadExam(parseExam(data))
     } catch (e) {
       setErr(`Could not load sample: ${(e as Error).message}`)
@@ -59,7 +61,8 @@ export default function Landing({ onLoadExam, history, onResume, onClearHistory,
 
       <div className="landing-grid">
         <div>
-          <div
+          <button
+            type="button"
             className={`dropzone${dragOver ? ' drag-over' : ''}`}
             onClick={() => fileRef.current?.click()}
             onDragOver={(e) => { e.preventDefault(); setDragOver(true) }}
@@ -80,7 +83,7 @@ export default function Landing({ onLoadExam, history, onResume, onClearHistory,
               style={{ display: 'none' }}
               onChange={(e) => { const f = e.target.files?.[0]; if (f) void handleFile(f) }}
             />
-          </div>
+          </button>
 
           {err && (
             <div style={{ marginTop: 12, padding: '10px 14px', border: '1px solid var(--wrong)', borderRadius: 8, background: 'var(--wrong-weak)', color: 'var(--wrong)', fontSize: 13 }}>