Adding tags filters to profiles

This commit is contained in:
Adolfo Reyna
2022-12-30 09:31:11 -05:00
parent ee231ae3af
commit c725eda32f
3 changed files with 110 additions and 5 deletions

View File

@@ -1,6 +1,6 @@
import React from "react";
import { View, ImageBackground, ScrollView } from "react-native";
import { Text, TextInput, Button, Divider } from "react-native-paper";
import { Text, TextInput, Button, Divider, Checkbox } from "react-native-paper";
import i18n from "../i18nMessages.js";
import Moment from 'moment';
import 'moment/min/locales';
@@ -125,6 +125,51 @@ let ProfileSettings = ()=>{
<ProfileCardHorizontal profileObj={GlobalState.me} skipFollow={true} skiptOnPress={true} key={updateKey} />
</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" />
</View>
<View style={{flexDirection:"row", justifyContent:"space-between"}}>
<TextInput
label={"Birthday Day:"}
style={{width:"48%", backgroundColor:"rgba(0,0,0,0)"}}
//value={name}
//onChangeText={text => setName(text)}
/>
<TextInput
label={"Birtday Month:"}
style={{width:"48%", backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
</View>
<TextInput
label={"Local Ministry"}
style={{backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
<TextInput
label={"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"}
style={{backgroundColor:"rgba(0,0,0,0)"}}
//value={lastName}
//onChangeText={text => setLastName(text)}
/>
<Button mode="outlined" onPress={updateProfile}>{i18n.t("message.update")}</Button>
</ImageBackground>
</ScrollView>
)