From f16f089e543fa3e894d8d172ef16c8d23d0eb33d Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Wed, 19 Jun 2024 16:38:29 +0000
Subject: [PATCH] added a button to start the verification of the transaction state. it is not fully implemented only a starter for the moment

---
 src/screens/WaveQrCodePaymentScreen.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/screens/WaveQrCodePaymentScreen.tsx b/src/screens/WaveQrCodePaymentScreen.tsx
index b9dbc02..8330a21 100644
--- a/src/screens/WaveQrCodePaymentScreen.tsx
+++ b/src/screens/WaveQrCodePaymentScreen.tsx
@@ -1,7 +1,9 @@
 import type { MainStackScreenComponentProps } from "@/navigations/Types";
+import Button from "@components/Button";
 import BackgroundWithBeasyIconAndWhiteContentArea from "@components/backgrounds/BackgroundWithBeasyIconAndWhiteContentArea";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
+import useWave from "@hooks/useWave";
 import { LOG } from "@logger";
 import { Dimensions } from "react-native";
 // biome-ignore lint/style/useNamingConvention: <explanation>
@@ -13,10 +15,9 @@ const WaveQrCodePaymentScreen: MainStackScreenComponentProps<"waveQrCodePaymentS
 	route,
 	navigation,
 }) => {
-	const paymentUrl = route.params?.paymentUrl ?? "";
-	console.log("paymentUrl", paymentUrl);
+	const data = route.params.data;
 	const windowWidth = Dimensions.get("window").width;
-	// const sixtyPercentHeight = window * 0.5;
+	const { handlePaymentVerification } = useWave();
 
 	return (
 		<BackgroundWithBeasyIconAndWhiteContentArea goBack={true}>
@@ -54,12 +55,20 @@ const WaveQrCodePaymentScreen: MainStackScreenComponentProps<"waveQrCodePaymentS
 					mb={"l"}
 				>
 					<QRCode
-						value={paymentUrl}
+						value={data.wave_launch_url}
 						size={windowWidth - 120}
 						// backgroundColor={theme.colors.secondary}
 					/>
 				</Box>
 				<Text>Veuillez scanner le QR Code pour terminer le paiement</Text>
+				<Box width={"100%"} mt={"x100"}>
+					<Button
+						variant={"full"}
+						textVariants={"white"}
+						label="Verification"
+						onPress={() => handlePaymentVerification(data.id)}
+					/>
+				</Box>
 			</Box>
 		</BackgroundWithBeasyIconAndWhiteContentArea>
 	);
--
libgit2 0.27.1