tampilin email

view/NewPassword.js

@@ -73,22 +73,27 @@ class NewPassword extends React.Component {
                     textContent={'Loading...'}
                     textStyle={styles.spinnerTextStyle}
                 />
-                <View style={{ flex: 3}}>
+                <View style={{ flex: 3 }}>
                     <View style={{ flex: 1, marginRight: 30, marginLeft: 30, top: 50 }}>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Email</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 20, textAlign: 'center', margin: 3, marginBottom: 15 }}>{this.props.email}</Text>
+
+
+
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Token</Text>
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
-                                onChangeText={(confirmation_number) => this.setState({ confirmation_number })}
-                                value={this.state.confirmation_number} />
+                            onChangeText={(confirmation_number) => this.setState({ confirmation_number })}
+                            value={this.state.confirmation_number} />
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>New Password</Text>
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
-                                onChangeText={(password) => this.setState({ password })}
-                                value={this.state.password}
-                                secureTextEntry={true} />
+                            onChangeText={(password) => this.setState({ password })}
+                            value={this.state.password}
+                            secureTextEntry={true} />
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Repeat Password</Text>
                         <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
-                                onChangeText={(password_confirmation) => this.setState({ password_confirmation })}
-                                value={this.state.password_confirmation}
-                                secureTextEntry={true} />
+                            onChangeText={(password_confirmation) => this.setState({ password_confirmation })}
+                            value={this.state.password_confirmation}
+                            secureTextEntry={true} />
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleResetPassword()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 20, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
                                 <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>SUBMIT</Text>