From b67a4fa944dbaf31c6da22e8275b20673fd3553f Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Thu, 25 Apr 2024 22:13:34 +0000
Subject: [PATCH] PaymentAmountInput Screen

---
 App.tsx                                  |  4 ++--
 src/screens/PaymentAmountInputScreen.tsx | 47 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 src/screens/PaymentAmountInputScreen.tsx

diff --git a/App.tsx b/App.tsx
index 9c1f1f4..f26ef60 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,5 +1,5 @@
 import theme from "@/themes/Theme";
-import HomePageWithPaymentOptions from "@screens/HomePageWithPaymentOptions";
+import PaymentAmountInputScreen from "@screens/PaymentAmountInputScreen";
 import { ThemeProvider } from "@shopify/restyle";
 import { StatusBar } from "expo-status-bar";
 import { StyleSheet } from "react-native";
@@ -11,7 +11,7 @@ export default function App() {
 			{/* <View style={styles.container}> */}
 			<SafeAreaProvider>
 				<StatusBar style="auto" />
-				<HomePageWithPaymentOptions />
+				<PaymentAmountInputScreen />
 			</SafeAreaProvider>
 			{/* </View> */}
 		</ThemeProvider>
diff --git a/src/screens/PaymentAmountInputScreen.tsx b/src/screens/PaymentAmountInputScreen.tsx
new file mode 100644
index 0000000..7d5b6d6
--- /dev/null
+++ b/src/screens/PaymentAmountInputScreen.tsx
@@ -0,0 +1,47 @@
+import BalanceContainer from "@components/BalanceContainer";
+import BeasyLogoIcon from "@components/BeasyLogoIcon";
+import Button from "@components/Button";
+import Input from "@components/Input";
+import BackgroundGreenWhiteContentArea from "@components/backgrounds/BackgroundGreenWhiteContentArea";
+import Box from "@components/bases/Box";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+const PaymentAmountInputScreen = () => {
+	return (
+		<BackgroundGreenWhiteContentArea>
+			<SafeAreaView>
+				<Box style={{ height: "100%", width: "100%" }}>
+					<Box
+						px={"l"}
+						flexDirection={"row"}
+						justifyContent={"space-between"}
+						alignItems={"center"}
+						mb={"l"}
+					>
+						<BeasyLogoIcon />
+					</Box>
+					<Box height={150} alignItems={"center"} justifyContent={"center"}>
+						<BalanceContainer balance={78000} label="Total des ventes" />
+					</Box>
+					<Box p={"l"} paddingTop={"x64"}>
+						<Box mb={"xl"}>
+							<Input
+								label="Entrez le montant"
+								autoFocus={true}
+								keyboardType="numeric"
+							/>
+						</Box>
+						<Button
+							onPress={() => {}}
+							variant={"full"}
+							textVariants={"primary"}
+							label="Confirmer"
+						/>
+					</Box>
+				</Box>
+			</SafeAreaView>
+		</BackgroundGreenWhiteContentArea>
+	);
+};
+
+export default PaymentAmountInputScreen;
--
libgit2 0.27.1