57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
import React,{Component} from 'react'
|
|
import {StyleSheet,View,Text} from 'react-native'
|
|
import {Fumi} from 'react-native-textinput-effects'
|
|
import Button from 'apsl-react-native-button'
|
|
import {responsiveHeight,responsiveWidth,responsiveFontSize} from 'react-native-responsive-dimensions'
|
|
import FontAwesome from 'react-native-vector-icons/FontAwesome'
|
|
|
|
let route=require('./../../route.json')
|
|
let theme=require('./../../utils/theme.json')
|
|
|
|
export default class ConfirmCode extends Component{
|
|
|
|
render(){
|
|
return <View style={styles.container}>
|
|
<Text>
|
|
Confirmation de création de compte
|
|
</Text>
|
|
<Text>
|
|
Entrez le code de confirmation de compte que vous aviez recu par email
|
|
</Text>
|
|
<Fumi iconClass={FontAwesome}
|
|
iconName={'phone'}
|
|
label={'code de confirmation'}
|
|
style={styles.input}
|
|
iconColor={theme.accent}
|
|
/>
|
|
<Button style={styles.btnsend} textStyle={styles.btntext}>Envoyer !</Button>
|
|
</View>
|
|
}
|
|
}
|
|
const styles=StyleSheet.create({
|
|
container:{
|
|
backgroundColor:theme.primary,
|
|
flex:1,
|
|
},
|
|
btntext:{
|
|
color:'white',
|
|
fontWeight:'bold',
|
|
fontSize:17
|
|
},
|
|
btnsend:{
|
|
backgroundColor:theme.accent,
|
|
borderColor:'transparent',
|
|
marginRight:20,
|
|
marginTop:20,
|
|
height:responsiveHeight(8),
|
|
marginLeft:20
|
|
},
|
|
input:{
|
|
height:54,
|
|
marginLeft:20,
|
|
marginRight:20,
|
|
borderRadius:10,
|
|
justifyContent:'center',
|
|
textAlign:'center'
|
|
}
|
|
}) |