add react qr

This commit is contained in:
rizky 2024-09-12 00:49:27 -07:00
parent dd8ea2e1ec
commit 2ec7a7c245
2 changed files with 68 additions and 68 deletions

View File

@ -55,9 +55,7 @@ export const QrReader = () => {
<div className="qr-reader"> <div className="qr-reader">
{/* QR */} {/* QR */}
<video ref={videoEl}></video> <video ref={videoEl}></video>
<div ref={qrBoxEl} className="qr-box"> <div ref={qrBoxEl} className="qr-box"></div>
</div>
{/* Show Data Result if scan is success */} {/* Show Data Result if scan is success */}
{scannedResult && ( {scannedResult && (

View File

@ -16,6 +16,8 @@
"@radix-ui/react-slider": "^1.1.2", "@radix-ui/react-slider": "^1.1.2",
"@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-switch": "^1.1.0", "@radix-ui/react-switch": "^1.1.0",
"react-qr-code": "^2.0.15",
"qr-scanner": "^1.4.2",
"@radix-ui/react-tabs": "^1.0.4", "@radix-ui/react-tabs": "^1.0.4",
"@types/autosize": "^4.0.3", "@types/autosize": "^4.0.3",
"@types/lodash.capitalize": "^4.2.9", "@types/lodash.capitalize": "^4.2.9",