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

fix profile

This commit is contained in:
Maria Sanchez 2022-09-01 14:40:04 -06:00
parent 4426981d24
commit e4ed6aade1
2 changed files with 35 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
mobile-ui/components/LogIn.js
View File

@ -27,7 +27,7 @@ export default function LogIn({ navigation }) {
const [errors, setErrors] = useState({}); const [errors, setErrors] = useState({});
const [credentials, setCredentials] = useState({ const [credentials, setCredentials] = useState({
email: "lalo@lalo.com", email: "jorgesoto@gmail.com",
password: "12345" password: "12345"
}); });
@ -175,7 +175,7 @@ export default function LogIn({ navigation }) {
<MaterialCommunityIcons name="form-textbox-password" size={20} color="grey" style={styles.iconStyle} /> <MaterialCommunityIcons name="form-textbox-password" size={20} color="grey" style={styles.iconStyle} />
<TextInput <TextInput
name='password' name='password'
type="password" secureTextEntry={true}
style={'password' in errors ? styles.errorMessage : styles.input} style={'password' in errors ? styles.errorMessage : styles.input}
value={credentials.password} value={credentials.password}
placeholder='Contraseña' placeholder='Contraseña'

62
mobile-ui/components/Profile.js
View File

@ -76,7 +76,7 @@ export default function Profile({ navigation }) {
<Heading size="lg" color="coolGray.800" _dark={{ <Heading size="lg" color="coolGray.800" _dark={{
color: "warmGray.50" color: "warmGray.50"
}} fontWeight="semibold"> }} fontWeight="semibold">
Bienvenido {userData.user.name} Bienvenido(a) {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"
@ -94,15 +94,15 @@ export default function Profile({ navigation }) {
</FormControl> */} </FormControl> */}
<FormControl> <FormControl>
<FormControl.Label>Nombre</FormControl.Label> <FormControl.Label>Nombre</FormControl.Label>
<TextInput style={styles.input} type="text" defaultValue={userData.user.name} onChangeText={onHandleChange("name")}/> <TextInput style={styles.input} type="text" defaultValue={name} onChangeText={onHandleChange("name")} placeholder='Nombre'/>
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Apellido</FormControl.Label> <FormControl.Label>Apellido</FormControl.Label>
<TextInput style={styles.input} type="text" defaultValue={userData.user.last_name} onChangeText={onHandleChange("last_name") } /> <TextInput style={styles.input} type="text" defaultValue={apellido} onChangeText={onHandleChange("last_name") }placeholder='Apellido' />
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Correo electrónico</FormControl.Label> <FormControl.Label>Correo electrónico</FormControl.Label>
<TextInput style={styles.input} type="text" defaultValue={userData.user.email} onChangeText={onHandleChange("email") }/> <TextInput style={styles.input} type="text" defaultValue={email} onChangeText={onHandleChange("email") } placeholder='Correo electrónico'/>
</FormControl> </FormControl>
<Button mt="2" backgroundColor="orange.300" onPress={() => updateInfo()}> <Button mt="2" backgroundColor="orange.300" onPress={() => updateInfo()}>
Actualizar Actualizar
@ -129,7 +129,7 @@ export default function Profile({ navigation }) {
<Heading size="lg" color="coolGray.800" _dark={{ <Heading size="lg" color="coolGray.800" _dark={{
color: "warmGray.50" color: "warmGray.50"
}} fontWeight="semibold"> }} fontWeight="semibold">
Bienvenido {userData.user.name} Bienvenido(a) {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"
@ -140,17 +140,17 @@ export default function Profile({ navigation }) {
<VStack space={3} mt="5"> <VStack space={3} mt="5">
<FormControl> <FormControl>
<FormControl.Label>Contraseña actual</FormControl.Label> <FormControl.Label>Contraseña actual</FormControl.Label>
<TextInput style={'password' in error ? styles.errorMessage : styles.input} type="password" onChangeText={(value) => onHandleChangePassword(value) }/> <TextInput secureTextEntry={true} style={'password' in error ? styles.errorMessage : styles.input} type="password" onChangeText={(value) => onHandleChangePassword(value) } placeholder='Actual contraseña'/>
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Nueva Contraseña</FormControl.Label> <FormControl.Label>Nueva Contraseña</FormControl.Label>
<TextInput editable={!error} style={styles.input} type="password" onChangeText={(value) => setPassword(value) } /> <TextInput secureTextEntry={true} editable={!error} style={styles.input} type="password" onChangeText={(value) => setPassword(value) } placeholder='Nueva contraseña' />
</FormControl> </FormControl>
<FormControl> <FormControl>
<FormControl.Label>Confirmar nueva contraseña</FormControl.Label> <FormControl.Label>Confirmar nueva contraseña</FormControl.Label>
<TextInput editable={!error} style={styles.input} type="password" onChangeText={(value) => setConfirmPassword(value) }/> <TextInput secureTextEntry={true} editable={!error} style={styles.input} type="password" onChangeText={(value) => setConfirmPassword(value) } placeholder='Confirmar nueva contraseña'/>
</FormControl> </FormControl>
<Button mt="2" backgroundColor="orange.300" onPress={() => updatePassword()} disabled={error}> <Button mt="2" backgroundColor="orange.300" onPress={() => updatePassword()} disabled={error}>
@ -222,37 +222,39 @@ export default function Profile({ navigation }) {
"email": email, "email": email,
"community_id": userData.user.community_id "community_id": userData.user.community_id
} }
console.log(email);
if (name) {
console.log(data); }
try { // try {
await fetch(baseURL+`${id}`, { // await fetch(baseURL+`${id}`, {
cache: 'no-cache', // cache: 'no-cache',
method: 'PUT', // method: 'PUT',
body: JSON.stringify(info), // body: JSON.stringify(info),
headers: { // headers: {
'Content-Type': 'application/json' // 'Content-Type': 'application/json'
} // }
}) // })
.then(response => { // .then(response => {
console.log(response); // console.log(response);
//console.log(baseURL+`${id}`); // //console.log(baseURL+`${id}`);
if (response.status != 201){ // if (response.status != 201){
console.log('ocurrio un error '); // console.log('ocurrio un error ');
}else{ // }else{
return response.json(); // return response.json();
} // }
}) // })
} catch (error) { // } catch (error) {
console.log("ERROR: " + error); // console.log("ERROR: " + error);
} // }
} }