From 8475014ee5be174749c39a2ed0c5fcda92c253df Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Wed, 24 Apr 2024 22:26:41 +0000
Subject: [PATCH] basic page for when user are not logged into the app

---
 assets/payment_processing.png       | Bin 0 -> 32296 bytes
 src/screens/HomeUserNotLoggedIn.tsx | 20 ++++++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 assets/payment_processing.png

diff --git a/assets/payment_processing.png b/assets/payment_processing.png
new file mode 100644
index 0000000..07a6ea4
Binary files /dev/null and b/assets/payment_processing.png differ
diff --git a/src/screens/HomeUserNotLoggedIn.tsx b/src/screens/HomeUserNotLoggedIn.tsx
index 8db76d4..58dc6d9 100644
--- a/src/screens/HomeUserNotLoggedIn.tsx
+++ b/src/screens/HomeUserNotLoggedIn.tsx
@@ -2,11 +2,23 @@ import Button from "@components/Button";
 import Card from "@components/Card";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
-import { Dimensions, StyleSheet, View } from "react-native";
+import { Dimensions, Image, StyleSheet, View } from "react-native";
 const HomeUserNotLoggedIn = () => {
 	return (
 		<Box style={style.container} p={"xl"}>
-			<Box mt={"xl"}>
+			<Box mt={"s"}>
+				<Box
+					height={300}
+					backgroundColor={"primary"}
+					mb={"l"}
+					alignItems={"center"}
+					justifyContent={"center"}
+				>
+					<Image
+						source={require("../../assets/payment_processing.png")}
+						style={style.image}
+					/>
+				</Box>
 				<Text color={"gray"} fontSize={16} textAlign={"center"}>
 					Acceptez des paiements en magasin et en ligne et recevez votre argent en
 					quelques secondes
@@ -38,6 +50,10 @@ const style = StyleSheet.create({
 		alignItems: "center",
 		justifyContent: "center",
 	},
+	image: {
+		width: "100%",
+		height: "100%",
+	},
 });
 
 export default HomeUserNotLoggedIn;
--
libgit2 0.27.1