- Stuff and things for registration!

app/components/Login/LocalLogin.js

@@ -30,15 +30,18 @@ export default function LocalLogin({ doLoginAction }) {
   return (
     <View style={styles.loginWrap}>
       <TextInput
-        style={{height: 40}}
+        keyboardType="email-address"
-        placeholder="email"
         onChangeText={(text) => _updateState('username', text)}
+        placeholder="email"
+        style={{height: 40}}
         value={username}
       />
       <TextInput
-        style={{height: 40}}
+        enablesReturnKeyAutomatically
-        placeholder="password"
         onChangeText={(text) => _updateState('password', text)}
+        placeholder="password"
+        secureTextEntry
+        style={{height: 40}}
         value={password}
       />
       <Button

app/screens/Register.js

@@ -3,6 +3,11 @@ import { Text, View } from 'react-native';
 
 import styles from './Register.styles.js';
 
+const STRINGS = {
+  NOM_EXPLANATION: 'Selecting a nom de bid allows you to bid anonymously - or not. By default, we\'ll use your first initial and last name.',
+  SUBMIT_REGISTRATION: 'Register',
+};
+
 export default class Register extends Component {
 
   static get propTypes() {
@@ -74,15 +79,44 @@ export default class Register extends Component {
   render() {
     return (
       <View style={styles.container}>
-        <Text style={styles.title}>Sign In or Register</Text>
+        <Text style={styles.title}>Register</Text>
-        <View style={styles.localLogin}>
+        <View style={styles.nameWrap}>
-          <LocalLogin />
+          <TextInput
+            onChange={(text) => this.setState({ firstName: text })}
+            placeholder="first name"
+            style={styles.textInput}
+            value={this.state.firstName}
+          />
+          <TextInput
+            onChange={(text) => this.setState({ lastName: text })}
+            placeholder="last name"
+            style={styles.textInput}
+            value={this.state.lastName}
+          />
         </View>
-        <View style={styles.services}>
+        <View style={styles.emailWrap}>
-          <FacebookLogin />
+          <TextInput
+            keyboardType="email-address"
+            onChangeText={(text) => _updateState('username', text)}
+            onEndEditing={(text) => this._validateEmail(text)}
+            placeholder="email address"
+            style={styles.textInput}
+            value={this.state.email}
+          />
+        </View>
+        <View style={styles.nomWrap}>
+          <Text style={styles.hintText}>{STRINGS.NOM_EXPLANATION}</Text>
+          <TextInput
+            keyboardType="email-address"
+            onChangeText={(text) => _updateState('username', text)}
+            onEndEditing={(text) => this._validateEmail(text)}
+            placeholder="email address"
+            style={styles.textInput}
+            value={this.state.email}
+          />
         </View>
         <View style={styles.register}>
-          <Button onPress={this._doRegistration} />
+          <Button title={STRINGS.SUBMIT_REGISTRATION} onPress={this._doRegistration} />
         </View>
       </View>
     );