adolforeyna/EMI-ExpoAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

int work and icon on header

Browse Source
This commit is contained in:
Adolfo Reyna
2023-01-08 20:42:09 -05:00
parent c725eda32f
commit caf2a8ee04
6 changed files with 55 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
Views/Menu.js
View File

@@ -23,16 +23,16 @@ let MenuView = ({navigation})=>{
imageStyle={{resizeMode:"contain", opacity: 0.05}}
>
<List.Section title="User Actions">
<List.Item title="Profile" onPress={()=>{navigation.navigate("ProfileSettings")}} left={props => <List.Icon {...props} icon="person" />} />
<List.Item title="Settings" left={props => <List.Icon {...props} icon="settings" />} />
<List.Item title="Sign out" onPress={()=>{navigation.navigate("Logout")}} left={props => <List.Icon {...props} icon="logout" />} />
<List.Item title={i18n.t('message.profile')} onPress={()=>{navigation.navigate("ProfileSettings")}} left={props => <List.Icon {...props} icon="person" />} />
<List.Item title={i18n.t('message.settings')} left={props => <List.Icon {...props} icon="settings" />} />
<List.Item title={i18n.t('message.logout')} onPress={()=>{navigation.navigate("Logout")}} left={props => <List.Icon {...props} icon="logout" />} />
</List.Section>
<List.Section title="Fellowship App">
<List.Item title="Invite" onPress={()=>{navigation.navigate("Invite")}} left={props => <List.Icon {...props} icon="person-add" />} />
<List.Item title="About" left={props => <List.Icon {...props} icon="more" />} />
<List.Item title={i18n.t('message.invite')} onPress={()=>{navigation.navigate("Invite")}} left={props => <List.Icon {...props} icon="person-add" />} />
<List.Item title={i18n.t('message.about')} left={props => <List.Icon {...props} icon="more" />} />
</List.Section>
<View style={{padding: 10}}>
<Text>Lenguage:</Text>
<Text>Language:</Text>
<RadioButton.Group onValueChange={newValue => changeLang(newValue)} value={value}>
<RadioButton.Item value="es" label="Español"/>
<RadioButton.Item value="en" label="English"/>

38
Views/ProfileSettings.js
View File

@@ -1,6 +1,6 @@
import React from "react";
import { View, ImageBackground, ScrollView } from "react-native";
import { Text, TextInput, Button, Divider, Checkbox } from "react-native-paper";
import { View, ImageBackground, ScrollView, Picker } from "react-native";
import { Text, TextInput, Button, Divider, Checkbox, RadioButton } from "react-native-paper";
import i18n from "../i18nMessages.js";
import Moment from 'moment';
import 'moment/min/locales';
@@ -118,7 +118,14 @@ let ProfileSettings = ()=>{
value={description}
onChangeText={text => setDescription(text)}
/>
<Button icon="photo" mode="outlined" onPress={pickImage} >Update Photo</Button>
<Text>Language:</Text>
<View style={{flexDirection:"row"}}>
<RadioButton.Group value='en' style={{flexDirection:"row"}}>
<RadioButton.Item value="es" label="Español"/>
<RadioButton.Item value="en" label="English"/>
</RadioButton.Group>
</View>
<Button icon="photo" mode="outlined" onPress={pickImage} >{i18n.t("message.updatePhoto")}</Button>
<Divider />
<View style={{paddingTop: 10}}>
<Text style={{fontSize:20, padding: 5, color:"#666"}}>Preview:</Text>
@@ -126,45 +133,40 @@ let ProfileSettings = ()=>{
</View>
<Button mode="outlined" onPress={updateProfile}>{i18n.t("message.update")}</Button>
<Divider />
<Text style={{fontSize:20, padding: 5, color:"#666"}}>Optional:</Text>
<View style={{flexDirection:"row", justifyContent:"space-between"}}>
<Checkbox.Item status={'unchecked'} label="Married" />
<Checkbox.Item status={'unchecked'} label="With Kids" />
<Text style={{fontSize:20, padding: 5, color:"#666"}}>{i18n.t("message.optional")}:</Text>
<View style={{flexDirection:"row", justifyContent:"space-evenly"}}>
<Checkbox.Item status={'unchecked'} label="Married" />
<Checkbox.Item status={'unchecked'} label="With Kids" />
</View>
<Text>{i18n.t("message.birthday")}</Text>
<View style={{flexDirection:"row", justifyContent:"space-between"}}>
<TextInput
label={"Birthday Day:"}
label={"Day:"}
style={{width:"48%", backgroundColor:"rgba(0,0,0,0)"}}
//value={name}
//onChangeText={text => setName(text)}
/>
<TextInput
label={"Birtday Month:"}
label={"Month:"}
style={{width:"48%", backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
</View>
<TextInput
label={"Local Ministry"}
label={i18n.t("message.localMinistry")}
style={{backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
<TextInput
label={"Country"}
label={i18n.t("message.country")}
style={{backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
<TextInput
label={"ZipCode"}
style={{backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
<TextInput
label={"Ocupation"}
label={i18n.t("message.ocupation")}
style={{backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}