added a button to start the verification of the transaction state. it is not…

src/screens/WaveQrCodePaymentScreen.tsx

 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>
 	);