+
-
Notice!!!
+
Notice!!!
By entering you PIN below, you confirm that the sum of of FCFA100.50 be sent to Mr Stephane
-
diff --git a/power-pay-frontend/src/components/route.tsx b/power-pay-frontend/src/components/route.tsx
deleted file mode 100644
index 4a6d33e3..00000000
--- a/power-pay-frontend/src/components/route.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import {
- createBrowserRouter
- } from "react-router-dom"
- ;
- import PaymentOptions from "./paymentoption";
-import RecipientInfo from "./RecipientInfo";
-import QRScannerComponent
- from "./scan_rq";
-const router = createBrowserRouter([
- {
- path: "/",
- element:
,
- },
- {
- path: "/RecipientInfo",
- element:
,
- },
- {
- path: "/qRScannerComponent",
- element:
,
- }
- ]);
- export default router;
diff --git a/power-pay-frontend/src/components/scan_rq.tsx b/power-pay-frontend/src/components/scan_rq.tsx
index 9d6503a7..b74c7304 100644
--- a/power-pay-frontend/src/components/scan_rq.tsx
+++ b/power-pay-frontend/src/components/scan_rq.tsx
@@ -1,10 +1,15 @@
import { useEffect, useRef as ref } from 'react';
+import { useNavigate } from 'react-router-dom';
import { Scanner as S } from '@yudiel/react-qr-scanner'; // Importing Scanner from @yudiel/react-qr-scanner
const Scanner: any = S;
const QRScannerComponent = () => {
-
+ const navigate = useNavigate();
+
+ const handleCancelClick = () => {
+ navigate('/payment');
+ };
const qrScannerRef = ref
(null);
useEffect(() => {
if (qrScannerRef.current) {
@@ -30,14 +35,23 @@ const QRScannerComponent = () => {
return (
-
-
qrScannerRef.current?.start()} className="bg-blue-950 rounded-full w-80 m-auto px-4 text-white text-lg absolute p-2.5 inset-x-0 bottom-12">Start Scan
+
+
+
+
+
+ Cancel
+
+ qrScannerRef.current?.start()} className="rounded-full w-80 m-auto px-4 py-2 text-white bg-blue-950 text-lg absolute inset-x-0 bottom-6">Start Scan
+
);
};