From 0663e7678af6362c94784bcc97b12cc540561758 Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Wed, 24 Apr 2024 21:56:32 +0000
Subject: [PATCH] screen making, the page you see when you're not logged in

---
 App.tsx                             | 10 +++++-----
 src/screens/HomeUserNotLoggedIn.tsx | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 5 deletions(-)
 create mode 100644 src/screens/HomeUserNotLoggedIn.tsx

diff --git a/App.tsx b/App.tsx
index fbe0ee1..d109ef4 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,6 +1,7 @@
 import theme from "@/themes/Theme";
 import Card from "@components/Card";
 import Text from "@components/bases/Text";
+import HomeUserNotLoggedIn from "@screens/HomeUserNotLoggedIn";
 import { ThemeProvider } from "@shopify/restyle";
 import { StatusBar } from "expo-status-bar";
 import { StyleSheet, View } from "react-native";
@@ -8,11 +9,10 @@ import { StyleSheet, View } from "react-native";
 export default function App() {
 	return (
 		<ThemeProvider theme={theme}>
-			<View style={styles.container}>
-				<StatusBar style="auto" />
-				<Text color="tertiary">Restyle Text</Text>
-				<Card variant={"elevated"} width={200} height={200} />
-			</View>
+			{/* <View style={styles.container}> */}
+			<StatusBar style="auto" />
+			<HomeUserNotLoggedIn />
+			{/* </View> */}
 		</ThemeProvider>
 	);
 }
diff --git a/src/screens/HomeUserNotLoggedIn.tsx b/src/screens/HomeUserNotLoggedIn.tsx
new file mode 100644
index 0000000..8db76d4
--- /dev/null
+++ b/src/screens/HomeUserNotLoggedIn.tsx
@@ -0,0 +1,43 @@
+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";
+const HomeUserNotLoggedIn = () => {
+	return (
+		<Box style={style.container} p={"xl"}>
+			<Box mt={"xl"}>
+				<Text color={"gray"} fontSize={16} textAlign={"center"}>
+					Acceptez des paiements en magasin et en ligne et recevez votre argent en
+					quelques secondes
+				</Text>
+				<Box mt={"xl"}>
+					<Button
+						variant={"full"}
+						textVariants={"primary"}
+						label="Se connecter"
+						onPress={() => {}}
+					/>
+					<Button
+						variant={"clean"}
+						textVariants={"secondary"}
+						label="Creer un compte"
+						onPress={() => {}}
+					/>
+				</Box>
+			</Box>
+		</Box>
+	);
+};
+
+const style = StyleSheet.create({
+	container: {
+		width: "100%",
+		height: "100%",
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center",
+	},
+});
+
+export default HomeUserNotLoggedIn;
--
libgit2 0.27.1