Commit d1012494 by G

UserLoginScreen, missing the icons AC had in his design... might do later

parent 20465611
......@@ -2,6 +2,7 @@ import theme from "@/themes/Theme";
import Card from "@components/Card";
import Text from "@components/bases/Text";
import HomeUserNotLoggedIn from "@screens/HomeUserNotLoggedIn";
import UserLoginScreen from "@screens/UserLoginScreen";
import { ThemeProvider } from "@shopify/restyle";
import { StatusBar } from "expo-status-bar";
import { StyleSheet, View } from "react-native";
......@@ -11,7 +12,7 @@ export default function App() {
<ThemeProvider theme={theme}>
{/* <View style={styles.container}> */}
<StatusBar style="auto" />
<HomeUserNotLoggedIn />
<UserLoginScreen />
{/* </View> */}
</ThemeProvider>
);
......
import Button from "@components/Button";
import Input from "@components/Input";
import Box from "@components/bases/Box";
import Text from "@components/bases/Text";
import { containers } from "@styles/Commons";
import { KeyboardAvoidingView, Platform, TextInput, View } from "react-native";
const UserLoginScreen = () => {
return (
<Box
style={[containers.containerFull]}
p={"xl"}
paddingTop={"x140"}
flexDirection={"column"}
justifyContent={"space-between"}
>
<KeyboardAvoidingView
behavior={Platform.OS === "ios" ? "height" : "height"}
style={{ flex: 1 }}
>
<View>
<Box mb={"x100"}>
<Text fontSize={40} fontWeight={"bold"}>
Connexion
</Text>
<Text color={"gray"}>Bienvenue, vous nous avez manqué !</Text>
</Box>
<Box gap={"m"}>
<Input label="Email" />
<Input label="Mot de passe" secureTextEntry={true} />
</Box>
</View>
</KeyboardAvoidingView>
<Box mt={"xl"}>
<Button
variant={"full"}
textVariants={"primary"}
label="Se connecter"
onPress={() => {}}
/>
<Button
variant={"lightGray"}
textVariants={"black"}
label="Creer un compte"
onPress={() => {}}
/>
</Box>
</Box>
);
};
export default UserLoginScreen;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment