Skip to content

B
beasy-mobile
Commit 29dbf528 by G
Options

nice looking profile screen

parent fc7a0f6b
Showing with 137 additions and 6 deletions
src/screens/UserProfileScreen.tsx
...@@ -16,12 +16,143 @@ const UserProfileScreen = () => { ...@@ -16,12 +16,143 @@ const UserProfileScreen = () => {
return ( return (
<BackgroundWithBeasyIconAndWhiteContentArea> <BackgroundWithBeasyIconAndWhiteContentArea>
<> <>
<Box px={"m"} mt={"m"}> <Box px={"m"} mt={"m"} gap={"m"}>
<Text>Email :: {userInformations?.email}</Text> {/* User Informations */}
<Text>Firstname :: {userInformations?.firstName}</Text> <Box
<Text>LastNAme :: {userInformations?.lastName}</Text> width={"100%"}
<Text>Username :: {userInformations?.username}</Text> // height={200}
<Text>MarchandId :: {userInformations?.marchand.marchand_id}</Text> backgroundColor={"lightGray"}
borderRadius={10}
p={"s"}
>
<Box
width={"100%"}
// height={"100%"}
flexDirection={"row"}
gap={"s"}
py={"m"}
borderBottomColor={"white"}
borderBottomWidth={1}
>
<Box
height={70}
aspectRatio={1}
borderRadius={50}
backgroundColor={"secondary"}
>
<Text />
</Box>
<Box height={"100%"} flex={1} flexDirection={"column"}>
<Text fontWeight={"bold"} variant={"black"} fontSize={20}>
{userInformations.firstName} {userInformations.lastName}
</Text>
<Text>{userInformations.email}</Text>
</Box>
</Box>
<Box
width={"100%"}
flexDirection={"row"}
justifyContent={"space-between"}
py={"m"}
>
<Text variant={"black"} fontWeight={"bold"}>
Utilisateur
</Text>
<Text textAlign={"center"}>{userInformations.username}</Text>
</Box>
</Box>
<Text fontWeight={"bold"}>Informations sur le marchand</Text>
<Box
width={"100%"}
backgroundColor={"lightGray"}
borderRadius={10}
p={"s"}
flexDirection={"column"}
// gap={"m"}
>
<Box
width={"100%"}
flexDirection={"row"}
borderBottomWidth={1}
borderBottomColor={"white"}
justifyContent={"space-between"}
py={"m"}
>
<Text variant={"black"} fontWeight={"bold"}>
Identifiant
</Text>
<Text textAlign={"center"}>
{userInformations.marchand.marchand_id}
</Text>
</Box>
<Box
width={"100%"}
flexDirection={"row"}
borderBottomWidth={1}
borderBottomColor={"white"}
justifyContent={"space-between"}
py={"m"}
>
<Text variant={"black"} fontWeight={"bold"}>
Entreprise
</Text>
<Text textAlign={"center"}>{userInformations.marchand.nom}</Text>
</Box>
<Box
width={"100%"}
flexDirection={"row"}
borderBottomWidth={1}
borderBottomColor={"white"}
justifyContent={"space-between"}
py={"m"}
>
<Text variant={"black"} fontWeight={"bold"}>
Code
</Text>
<Text textAlign={"center"}>{userInformations.marchand.code}</Text>
</Box>
<Box
width={"100%"}
flexDirection={"row"}
borderBottomWidth={1}
borderBottomColor={"white"}
justifyContent={"space-between"}
py={"m"}
>
<Text variant={"black"} fontWeight={"bold"}>
Addresse
</Text>
<Text textAlign={"center"}>{userInformations.marchand.adresse}</Text>
</Box>
<Box
width={"100%"}
flexDirection={"row"}
borderBottomWidth={1}
borderBottomColor={"white"}
justifyContent={"space-between"}
py={"m"}
alignItems={"center"}
>
<Text variant={"black"} fontWeight={"bold"}>
Url succès
</Text>
<Text textAlign={"center"}>{userInformations.marchand.urlSuccess}</Text>
</Box>
<Box
width={"100%"}
flexDirection={"row"}
justifyContent={"space-between"}
// alignItems={"center"}
py={"m"}
>
<Text variant={"black"} fontWeight={"bold"}>
Url échec
</Text>
<Text textAlign={"center"}>{userInformations.marchand.urlEchec}</Text>
</Box>
</Box>
</Box> </Box>
</> </>
</BackgroundWithBeasyIconAndWhiteContentArea> </BackgroundWithBeasyIconAndWhiteContentArea>
......
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