eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

guarda de seguridad

This commit is contained in:
Maria Sanchez 2022-08-22 00:52:20 -06:00
parent f74c539781
commit 150171fd3b
1 changed files with 49 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
mobile-ui/components/ProfileGuarda.js
View File

@ -4,21 +4,32 @@ import {
Box, Box,
Heading, Heading,
VStack, VStack,
FormControl, FormControl,
Input,
Button, Button,
Center Center,
ScrollView
} from "native-base"; } from "native-base";
export default function ProfileGuarda({navigation}){ import { View, TextInput, StyleSheet } from "react-native";
export default function ProfileGuarda({route, navigation}){
const userData = JSON.parse(JSON.stringify(route.params));
console.log(userData.user);
return ( return (
<Center> <Center>
<ScrollView width='100%' h='550' ml='36' _contentContainerStyle={{
px: "20px",
mb: "4",
minW: "72"
}}>
<Box safeArea p="2" w="90%" maxW="290" py="8"> <Box safeArea p="2" w="90%" maxW="290" py="8">
<Heading size="lg" color="coolGray.800" _dark={{ <Heading size="lg" color="coolGray.800" _dark={{
color: "warmGray.50" color: "warmGray.50"
}} fontWeight="semibold"> }} fontWeight="semibold">
Katoikia Bienvenido {userData.user.name}
</Heading> </Heading>
<Heading mt="1" color="coolGray.600" _dark={{ <Heading mt="1" color="coolGray.600" _dark={{
color: "warmGray.200" color: "warmGray.200"
@ -26,21 +37,25 @@ export default function ProfileGuarda({navigation}){
Modifique sus datos Modifique sus datos
</Heading> </Heading>
<VStack space={3} mt="5"> <VStack space={3} mt="5">
<FormControl>
<FormControl.Label>DNI</FormControl.Label>
<TextInput type="text" defaultValue={userData.user.dni} editable='false'/>
</FormControl>
<FormControl> <FormControl>
<FormControl.Label>Nombre</FormControl.Label> <FormControl.Label>Nombre</FormControl.Label>
<Input type="text"/> <TextInput style={styles.input} type="text" defaultValue={userData.user.name}/>
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Correo Electrónico</FormControl.Label> <FormControl.Label>Apellido</FormControl.Label>
<Input type="text" /> <TextInput style={styles.input} type="text"defaultValue={userData.user.last_name} />
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Teléfono</FormControl.Label> <FormControl.Label>Correo electrónico</FormControl.Label>
<Input type="text" /> <TextInput style={styles.input} type="text" defaultValue={userData.user.email}/>
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Contraseña actual</FormControl.Label> <FormControl.Label>Contraseña actual</FormControl.Label>
<Input type="password" /> <TextInput style={styles.input} type="password" defaultValue=""/>
</FormControl> </FormControl>
<Button mt="2" backgroundColor="orange.300"> <Button mt="2" backgroundColor="orange.300">
@ -51,7 +66,29 @@ export default function ProfileGuarda({navigation}){
</Button> </Button>
</VStack> </VStack>
</Box> </Box>
</ScrollView>
</Center> </Center>
) )
}
}
const styles = StyleSheet.create({
input: {
height: 10,
margin:3,
borderWidth: 0.5,
padding: 5,
flex: 1,
paddingTop: 9,
paddingRight: 19,
paddingBottom: 20,
paddingLeft: 0,
marginTop: 6,
marginBottom:6,
borderRadius: 4
}
})