translate pada bagian email confirmation dan merubah kyboard type jadi numeric

view/EmailConfirmation.js

@@ -7,6 +7,7 @@ import ActionType from '../redux/globalActionType';
 import { BASE_URL_LOGIN } from '../model/Base_Model';
 import Spinner from 'react-native-loading-spinner-overlay';
 import MyStatusBar from './MyStatusBar';
+import i18n from 'i18n-js';
 
 class EmailConfirmation extends React.Component {
 
@@ -212,19 +213,19 @@ class EmailConfirmation extends React.Component {
                             value={this.state.confirmation_number}
                             autoCapitalize="none"
                             value={this.state.email}
-                            keyboardType='email-address' />
+                            keyboardType='numeric' />
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleSubmit()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 10, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
-                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>SUBMIT</Text>
+                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('submit')}</Text>
                             </View>
                         </TouchableOpacity>
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleCancel()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 10, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
-                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>CANCEL</Text>
+                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('cancel')}</Text>
                             </View>
                         </TouchableOpacity>
                         <TouchableOpacity style={{ height: 60 }} onPress={() => this.handleResend()}>
-                            <Text style={{ alignSelf: 'center', color: '#CFB368', fontFamily: 'Gotham-Black', fontSize: 20, top: 10 }}>RESEND EMAIL TOKEN</Text>
+                            <Text style={{ alignSelf: 'center', color: '#CFB368', fontFamily: 'Gotham-Black', fontSize: 20, top: 10 }}>{i18n.t('resendemail')}</Text>
                         </TouchableOpacity>
                         {this.props.proses == 'Register' ? (
                             <TouchableOpacity style={{ height: 60 }} onPress={() => this.props.navigation.navigate('Change Email')}>
@@ -310,7 +311,8 @@ const mapStateToProps = (state) => {
         page: state.page,
         registration_id: state.registration_id,
         pageEmailConfirmation: state.pageEmailConfirmation,
-        proses: state.proses
+        proses: state.proses,
+        language: state.language
     }
 }