hide scanner after scan

appventure-nush · Oct 22, 2024 · 2824f78 · 2824f78
1 parent 973dc39
commit 2824f78
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/frontend/src/routes/admin_view.tsx b/frontend/src/routes/admin_view.tsx
@@ -53,13 +53,21 @@ export default function AdminPage() {
         }}
       >
         <Typography variant="body1">Administration</Typography>
-        <Button variant="contained" size="large" startIcon={!showScanner && <QrCodeScannerIcon />} onClick={() => setShowScanner((s) => !s)}>{showScanner ? "Stop Scanning" : "Scan Student's QR Code"}</Button>
+        <Button variant="contained" size="large" startIcon={!showScanner && <QrCodeScannerIcon />} onClick={() => {
+          if (showScanner) {
+            setShowScanner(false);
+          } else {
+            setShowScanner(true);
+            setTopup(null);
+          }
+        }}>{showScanner ? "Stop Scanning" : "Scan Student's QR Code"}</Button>
         {showScanner && <Scanner onScan={async (code) => {
           const resp = await getTopup(code[0].rawValue);
           if (resp === null) {
             alert("Failed to fetch topup details");
             return;
           }
+          setShowScanner(false);
           setTopup(resp);
         }} formats={["qr_code"]} classNames={{container: "scanner-container"}} />}