From e91649a4eafd79029a324bc614d56df2c1ac8707 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Wed, 29 May 2024 11:15:36 +0000
Subject: [PATCH] Add a success icon on top

---
 src/components/icons/CheckIcon.tsx  | 16 ++++++++++++++++
 src/screens/PaymentResultScreen.tsx |  4 ++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/components/icons/CheckIcon.tsx

diff --git a/src/components/icons/CheckIcon.tsx b/src/components/icons/CheckIcon.tsx
new file mode 100644
index 0000000..014924d
--- /dev/null
+++ b/src/components/icons/CheckIcon.tsx
@@ -0,0 +1,16 @@
+import Box from "@components/bases/Box";
+import { images } from "@styles/Commons";
+import { Image } from "react-native";
+
+const CheckIcon = () => {
+	return (
+		<Box width={50} height={50}>
+			<Image
+				source={require("../../../assets/icon_check_success.png")}
+				style={images.contain}
+			/>
+		</Box>
+	);
+};
+
+export default CheckIcon;
diff --git a/src/screens/PaymentResultScreen.tsx b/src/screens/PaymentResultScreen.tsx
index 710b95c..4fee2e7 100644
--- a/src/screens/PaymentResultScreen.tsx
+++ b/src/screens/PaymentResultScreen.tsx
@@ -5,6 +5,7 @@ import GoBackIconButton from "@components/GoBackIconButton";
 import BackgroundDefault from "@components/backgrounds/BackgroundDefault";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
+import CheckIcon from "@components/icons/CheckIcon";
 import { LOG } from "@logger";
 import { CommonActions } from "@react-navigation/native";
 // import { Text } from "react-native";
@@ -55,6 +56,9 @@ const PaymentResultScreen: MainStackScreenComponentProps<"paymentResultScreen"> 
 						flexDirection={"column"}
 						gap={"l"}
 					>
+						<Box alignItems={"center"}>
+							<CheckIcon />
+						</Box>
 						<Text variant={"secondary"} fontWeight={"bold"} textAlign={"center"}>
 							Transactions effectué avec succès !
 						</Text>
--
libgit2 0.27.1