From 01e7c43a9a0ab5ef22394b11b053ec15e8aa3112 Mon Sep 17 00:00:00 2001
From: teegoood <teegooodgood@gmail.com>
Date: Sun, 4 Aug 2024 13:43:37 +0700
Subject: [PATCH] fix: remove qr shaded region

---
 src/components/rpkm/staff/home/qrscanner/QRScanner.tsx | 2 +-
 src/components/rpkm/staff/home/qrscanner/style.css     | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 src/components/rpkm/staff/home/qrscanner/style.css

diff --git a/src/components/rpkm/staff/home/qrscanner/QRScanner.tsx b/src/components/rpkm/staff/home/qrscanner/QRScanner.tsx
index 500c80d..caa797d 100644
--- a/src/components/rpkm/staff/home/qrscanner/QRScanner.tsx
+++ b/src/components/rpkm/staff/home/qrscanner/QRScanner.tsx
@@ -2,7 +2,7 @@
 import React, { useEffect } from 'react';
 import { motion } from 'framer-motion';
 import { Html5Qrcode } from 'html5-qrcode';
-
+import './style.css';
 interface ScanProps {
   sendCheckInRequest: (
     mode: 'userId' | 'studentId',
diff --git a/src/components/rpkm/staff/home/qrscanner/style.css b/src/components/rpkm/staff/home/qrscanner/style.css
new file mode 100644
index 0000000..375f088
--- /dev/null
+++ b/src/components/rpkm/staff/home/qrscanner/style.css
@@ -0,0 +1,3 @@
+#qr-shaded-region, #qr-canvas {
+    display: none;
+}
\ No newline at end of file