From 0ace0f17030915e2dbf137aa8aa705f3fb02aa12 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Fri, 23 May 2025 16:08:41 +0100
Subject: [PATCH] fix: a couple of qr-scanner issues

---
 src/components/submit-form/qr-scanner.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/submit-form/qr-scanner.tsx b/src/components/submit-form/qr-scanner.tsx
index b886e70..4f1186c 100644
--- a/src/components/submit-form/qr-scanner.tsx
+++ b/src/components/submit-form/qr-scanner.tsx
@@ -104,6 +104,7 @@ export default function QrScanner({ isOpen, setIsOpen, setQrBytesRaw }: Props) {
 		if (!isOpen) return;
 		requestPermission();
 
+		if (!navigator.mediaDevices.enumerateDevices) return;
 		navigator.mediaDevices.enumerateDevices().then((devices) => {
 			const videoDevices = devices.filter((d) => d.kind === "videoinput");
 			setDevices(videoDevices);
@@ -136,7 +137,7 @@ export default function QrScanner({ isOpen, setIsOpen, setQrBytesRaw }: Props) {
 			>
 				<div className="flex justify-between items-center mb-2">
 					<h2 className="text-xl font-bold">Scan QR Code</h2>
-					<button onClick={close} className="text-red-400 hover:text-red-500 text-2xl cursor-pointer">
+					<button type="button" onClick={close} className="text-red-400 hover:text-red-500 text-2xl cursor-pointer">
 						<Icon icon="material-symbols:close-rounded" />
 					</button>
 				</div>