|
@ -19,7 +19,6 @@ import SearchablePicker from "../components/SearchablePicker"; |
|
|
import { states, statesToCities } from "../assets/cities_states"; |
|
|
import { states, statesToCities } from "../assets/cities_states"; |
|
|
import { useFormikContext } from "formik"; |
|
|
import { useFormikContext } from "formik"; |
|
|
import Checkbox from "../components/forms/CheckBox"; |
|
|
import Checkbox from "../components/forms/CheckBox"; |
|
|
import { TouchableOpacity } from "react-native-gesture-handler"; |
|
|
|
|
|
|
|
|
|
|
|
const phoneRegex = RegExp( |
|
|
const phoneRegex = RegExp( |
|
|
/^\(?[\(]?([0-9]{2})?\)?[)\b]?([0-9]{4,5})[-. ]?([0-9]{4})$/ |
|
|
/^\(?[\(]?([0-9]{2})?\)?[)\b]?([0-9]{4,5})[-. ]?([0-9]{4})$/ |
|
@ -101,9 +100,9 @@ function LocalDatePicker({ date, setDate, _moment }) { |
|
|
|
|
|
|
|
|
function GenderPicker({ name }) { |
|
|
function GenderPicker({ name }) { |
|
|
const [items, setItems] = useState([ |
|
|
const [items, setItems] = useState([ |
|
|
{ value: "Feminino", label: "Feminino" }, |
|
|
|
|
|
{ value: "Masculino", label: "Masculino" }, |
|
|
|
|
|
{ value: "Prefiro não dizer", label: "Prefiro não dizer" }, |
|
|
|
|
|
|
|
|
{ value: "F", label: "Feminino" }, |
|
|
|
|
|
{ value: "M", label: "Masculino" }, |
|
|
|
|
|
{ value: "N", label: "Prefiro não dizer" }, |
|
|
]); |
|
|
]); |
|
|
return ( |
|
|
return ( |
|
|
<SearchablePicker |
|
|
<SearchablePicker |
|
@ -118,11 +117,11 @@ function GenderPicker({ name }) { |
|
|
|
|
|
|
|
|
function InstitutionPicker({ name }) { |
|
|
function InstitutionPicker({ name }) { |
|
|
const [items, setItems] = useState([ |
|
|
const [items, setItems] = useState([ |
|
|
{ value: "Escola", label: "Escola" }, |
|
|
|
|
|
{ value: "Defesa civil", label: "Defesa civil" }, |
|
|
|
|
|
{ value: "Não governamental", label: "Não governamental" }, |
|
|
|
|
|
{ value: "Outra", label: "Outra" }, |
|
|
|
|
|
{ value: "Nenhuma", label: "Nenhuma" }, |
|
|
|
|
|
|
|
|
{ value: "E", label: "Escola" }, |
|
|
|
|
|
{ value: "D", label: "Defesa civil" }, |
|
|
|
|
|
{ value: "N", label: "Não governamental" }, |
|
|
|
|
|
{ value: "O", label: "Outra" }, |
|
|
|
|
|
{ value: "X", label: "Nenhuma" }, |
|
|
]); |
|
|
]); |
|
|
return ( |
|
|
return ( |
|
|
<SearchablePicker |
|
|
<SearchablePicker |
|
@ -176,13 +175,31 @@ function CityPicker({ name }) { |
|
|
|
|
|
|
|
|
function SecQuestionPicker({ name }) { |
|
|
function SecQuestionPicker({ name }) { |
|
|
const [items, setItems] = useState([ |
|
|
const [items, setItems] = useState([ |
|
|
{ value: "a", label: "Qual a sua cor predileta?" }, |
|
|
|
|
|
{ value: "s", label: "Qual é seu livro predileto?" }, |
|
|
|
|
|
{ value: "d", label: "Qual o nome da rua em que você cresceu?" }, |
|
|
|
|
|
{ value: "f", label: "Qual o nome do seu bicho de estimação predileto?" }, |
|
|
|
|
|
{ value: "g", label: "Qual a sua comida predileta?" }, |
|
|
|
|
|
{ value: "j", label: "Qual é o seu país preferido?" }, |
|
|
|
|
|
{ value: "k", label: "Qual é a sua marca de carro predileto?" }, |
|
|
|
|
|
|
|
|
{ value: "Qual a sua cor predileta?", label: "Qual a sua cor predileta?" }, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "Qual é seu livro predileto?", |
|
|
|
|
|
label: "Qual é seu livro predileto?", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "Qual o nome da rua em que você cresceu?", |
|
|
|
|
|
label: "Qual o nome da rua em que você cresceu?", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "Qual o nome do seu bicho de estimação predileto?", |
|
|
|
|
|
label: "Qual o nome do seu bicho de estimação predileto?", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "Qual a sua comida predileta?", |
|
|
|
|
|
label: "Qual a sua comida predileta?", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "Qual é o seu país preferido?", |
|
|
|
|
|
label: "Qual é o seu país preferido?", |
|
|
|
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: "Qual é a sua marca de carro predileto?", |
|
|
|
|
|
label: "Qual é a sua marca de carro predileto?", |
|
|
|
|
|
}, |
|
|
]); |
|
|
]); |
|
|
|
|
|
|
|
|
return ( |
|
|
return ( |
|
@ -384,8 +401,16 @@ export default function RegisterScreen(props) { |
|
|
</View> |
|
|
</View> |
|
|
|
|
|
|
|
|
<Text style={styles.labelStyle}>Termos de uso*</Text> |
|
|
<Text style={styles.labelStyle}>Termos de uso*</Text> |
|
|
<View flexDirection="column" alignItems={"flex-start"} marginBottom={24} marginTop={12}> |
|
|
|
|
|
<Checkbox name={"consent"} navigate={() => props.navigation.navigate("UserAgreement")}/> |
|
|
|
|
|
|
|
|
<View |
|
|
|
|
|
flexDirection="column" |
|
|
|
|
|
alignItems={"flex-start"} |
|
|
|
|
|
marginBottom={24} |
|
|
|
|
|
marginTop={12} |
|
|
|
|
|
> |
|
|
|
|
|
<Checkbox |
|
|
|
|
|
name={"consent"} |
|
|
|
|
|
navigate={() => props.navigation.navigate("UserAgreement")} |
|
|
|
|
|
/> |
|
|
</View> |
|
|
</View> |
|
|
|
|
|
|
|
|
<SubmitButton |
|
|
<SubmitButton |
|
|