typo qrcodescanner

src/components/MailSetting/MailSetting.tsx

@@ -31,8 +31,8 @@ import { MailTemplate } from "@/app/api/mail";
 import TemplateDetails from "./TemplateDetails";
 import QrCodeScanner from "../QrCodeScanner/QrCodeScanner";
 import {
-  QcCodeScannerContext,
-  useQcCodeScanner,
+  QrCodeScannerContext,
+  useQrCodeScannerContext,
 } from "../QrCodeScannerProvider/QrCodeScannerProvider";
 
 export interface Props {

src/components/PickOrderDetail/PickOrderDetail.tsx

@@ -31,7 +31,7 @@ import {
 import { PlayArrow } from "@mui/icons-material";
 import DoneIcon from "@mui/icons-material/Done";
 import { GridRowSelectionModel } from "@mui/x-data-grid";
-import { useQcCodeScanner } from "../QrCodeScannerProvider/QrCodeScannerProvider";
+import { useQrCodeScannerContext } from "../QrCodeScannerProvider/QrCodeScannerProvider";
 import {
   completeConsoPickOrder,
   CreateStockOutLine,
@@ -630,7 +630,7 @@ const PickOrderDetail: React.FC<Props> = ({ consoCode, qc }) => {
     setOpenScanner((prev) => !prev);
   }, []);
 
-  const scanner = useQcCodeScanner();
+  const scanner = useQrCodeScannerContext();
   useEffect(() => {
     if (isOpenScanner && !scanner.isScanning) {
       scanner.startScan();

src/components/PoDetail/PutawayForm.tsx

@@ -47,7 +47,7 @@ import ReactQrCodeScanner, {
   ScannerConfig,
 } from "../ReactQrCodeScanner/ReactQrCodeScanner";
 import { QrCodeInfo } from "@/app/api/qrcode";
-import { useQcCodeScanner } from "../QrCodeScannerProvider/QrCodeScannerProvider";
+import { useQrCodeScannerContext } from "../QrCodeScannerProvider/QrCodeScannerProvider";
 import dayjs from "dayjs";
 import arraySupport from "dayjs/plugin/arraySupport";
 dayjs.extend(arraySupport);
@@ -219,7 +219,7 @@ const PutawayForm: React.FC<Props> = ({ itemDetail, warehouse, disabled }) => {
   );
 
   // QR Code Scanner
-  const scanner = useQcCodeScanner();
+  const scanner = useQrCodeScannerContext();
   useEffect(() => {
     if (isOpenScanner) {
       scanner.startScan();

src/components/PoDetail/QrModal.tsx

@@ -27,7 +27,7 @@ import { QrCodeInfo } from "@/app/api/qrcode";
 import { Check } from "@mui/icons-material";
 import { useTranslation } from "react-i18next";
 import { useSearchParams } from "next/navigation";
-import { useQcCodeScanner } from "../QrCodeScannerProvider/QrCodeScannerProvider";
+import { useQrCodeScannerContext } from "../QrCodeScannerProvider/QrCodeScannerProvider";
 
 interface Props extends Omit<ModalProps, "children"> {
   warehouse: WarehouseResult[];
@@ -83,7 +83,7 @@ const QrModal: React.FC<Props> = ({ open, onClose, warehouse }) => {
   );
 
   // QR Code Scanner
-  const scanner = useQcCodeScanner();
+  const scanner = useQrCodeScannerContext();
   useEffect(() => {
     if (open && !scanner.isScanning) {
       scanner.startScan();

src/components/QrCodeScannerProvider/QrCodeScannerProvider.tsx

@@ -8,7 +8,7 @@ import {
   useState,
 } from "react";
 
-interface QcCodeScanner {
+interface QrCodeScanner {
   values: string[];
   isScanning: boolean;
   startScan: () => void;
@@ -20,14 +20,14 @@ interface QrCodeScannerProviderProps {
   children: ReactNode;
 }
 
-export const QcCodeScannerContext = createContext<QcCodeScanner | undefined>(
+export const QrCodeScannerContext = createContext<QrCodeScanner | undefined>(
   undefined,
 );
 
 const QrCodeScannerProvider: React.FC<QrCodeScannerProviderProps> = ({
   children,
 }) => {
-  const [qcCodeScannerValues, setQrCodeScannerValues] = useState<string[]>([]);
+  const [qrCodeScannerValues, setQrCodeScannerValues] = useState<string[]>([]);
   const [isScanning, setIsScanning] = useState<boolean>(false);
   const [keys, setKeys] = useState<string[]>([]);
   const [leftCurlyBraceCount, setLeftCurlyBraceCount] = useState<number>(0);
@@ -82,7 +82,7 @@ const QrCodeScannerProvider: React.FC<QrCodeScannerProviderProps> = ({
         keys.join("").substring(startBrace, endBrace + 1),
       ]);
       console.log(keys);
-      console.log(qcCodeScannerValues);
+      console.log(qrCodeScannerValues);
 
       // reset
       setKeys(() => []);
@@ -92,9 +92,9 @@ const QrCodeScannerProvider: React.FC<QrCodeScannerProviderProps> = ({
   }, [keys, leftCurlyBraceCount, rightCurlyBraceCount]);
 
   return (
-    <QcCodeScannerContext.Provider
+    <QrCodeScannerContext.Provider
       value={{
-        values: qcCodeScannerValues,
+        values: qrCodeScannerValues,
         isScanning: isScanning,
         startScan: startQrCodeScanner,
         stopScan: endQrCodeScanner,
@@ -102,15 +102,15 @@ const QrCodeScannerProvider: React.FC<QrCodeScannerProviderProps> = ({
       }}
     >
       {children}
-    </QcCodeScannerContext.Provider>
+    </QrCodeScannerContext.Provider>
   );
 };
 
-export const useQcCodeScanner = (): QcCodeScanner => {
-  const context = useContext(QcCodeScannerContext);
+export const useQrCodeScannerContext = (): QrCodeScanner => {
+  const context = useContext(QrCodeScannerContext);
   if (!context) {
     throw new Error(
-      "useQcCodeScanner must be used within a QcCodeScannerProvider",
+      "useQrCodeScanner must be used within a QrCodeScannerProvider",
     );
   }
   return context;