From 960fd816d3fd0e6039629ae95fe7c470f04ae96c Mon Sep 17 00:00:00 2001
From: Arnaz <arnazmursidp.arnazmursid@gmail.com>
Date: Fri, 15 Sep 2017 23:01:45 +0700
Subject: [PATCH] add prefill data from social media

---
 app/containers/RegisterEmail/index.js | 57 +++++++++++++++++++--------
 1 file changed, 41 insertions(+), 16 deletions(-)

diff --git a/app/containers/RegisterEmail/index.js b/app/containers/RegisterEmail/index.js
index 6dfa7e70..fb56d595 100644
--- a/app/containers/RegisterEmail/index.js
+++ b/app/containers/RegisterEmail/index.js
@@ -56,7 +56,7 @@ class RegisterEmail extends Component {
   }
 
   componentWillUnmount() {
-    this.props.resetState()
+    this.props.resetState();
   }
 
   onAlertOk = () => {
@@ -133,9 +133,15 @@ class RegisterEmail extends Component {
       error_phone
     } = errorFields || false;
 
+
+    const socialId = typeof this.props.prefilledData !== 'undefined' ? this.props.prefilledData.social_id : null;
+    const first = typeof this.props.prefilledData !== 'undefined' || '' ? this.props.prefilledData.first_name : text => this.handleInputChange('first_name', text);
+    const last = typeof this.props.prefilledData !== 'undefined' || '' ? this.props.prefilledData.last_name : text => this.handleInputChange('last_name', text);
+    const emails = typeof this.props.prefilledData !== 'undefined' || '' ? this.props.prefilledData.email : text => this.handleInputChange('email', text);
+
     const checkEmail = this.checkEmail(email) === false && email !== '';
-    const checkUsername = username.length < 4 && username !== '';
-    const checkPassword = password.length < 4 && password !== '';
+    //const checkUsername = username.length < 4 && username !== '';
+    //const checkPassword = password.length < 4 && password !== '';
 
     return (
       <Image style={styles.background} source={background}>
@@ -143,55 +149,74 @@ class RegisterEmail extends Component {
           <Content>
             <AuthLogo />
             <View style={styles.formSection}>
-              <InputItem
+              {socialId === null ? <InputItem
                 error={error_first_name}
                 style={styles.formInput}
                 placeholder="First name"
                 placeholderTextColor={'#BDBDBD'}
                 onChangeText={text => this.handleInputChange('first_name', text)}
                 value={first_name}
-              />
-              <InputItem
+              /> : <InputItem
+                error={error_first_name}
+                style={styles.formInput}
+                placeholder="First name"
+                placeholderTextColor={'#BDBDBD'}
+                onChangeText={text => this.handleInputChange('first_name', text)}
+                value={first}
+              />}
+              {socialId === null ? <InputItem
                 error={error_last_name}
                 style={styles.formInput}
                 placeholder="Last name"
                 placeholderTextColor={'#BDBDBD'}
                 onChangeText={text => this.handleInputChange('last_name', text)}
                 value={last_name}
-              />
+              /> : <InputItem
+                error={error_last_name}
+                style={styles.formInput}
+                placeholder="Last name"
+                placeholderTextColor={'#BDBDBD'}
+                onChangeText={text => this.handleInputChange('last_name', text)}
+                value={last}
+              />}
               { checkEmail ?
                 <Text style={styles.errorInput}>invalid email address</Text>
                 :
                 null
               }
-              <InputItem
+              {socialId === null ? <InputItem
                 error={checkEmail}
                 style={styles.formInput}
                 placeholder="Email"
                 placeholderTextColor={'#BDBDBD'}
                 onChangeText={text => this.handleInputChange('email', text)}
                 value={email}
-              />
-              { checkUsername ?
+              /> : <InputItem
+                error={checkEmail}
+                style={styles.formInput}
+                placeholder="Email"
+                placeholderTextColor={'#BDBDBD'}
+                onChangeText={text => this.handleInputChange('email', text)}
+                value={emails}
+              />}
+              {/* { checkUsername !== 'undefined' ?
                 <Text style={styles.errorInput}>username should be 4 at minimum</Text>
                 :
                 null
-              }
+              } */}
               <InputItem
-                error={checkUsername}
                 style={styles.formInput}
                 placeholder="Username"
                 placeholderTextColor={'#BDBDBD'}
                 onChangeText={text => this.handleInputChange('username', text)}
                 value={username}
               />
-              { checkPassword ?
+              {/* { checkPassword ?
                 <Text style={styles.errorInput}>password should be 4 at minimum</Text>
                 :
                 null
-              }
+              } */}
               <InputItem
-                error={checkPassword}
                 style={styles.formInput}
                 placeholder="Password"
                 placeholderTextColor={'#BDBDBD'}
@@ -217,7 +242,7 @@ class RegisterEmail extends Component {
                 ))}
               </Picker>
             </View>
-            {(username.length < 4 || password.length < 4 || first_name === '' || last_name === '') || (this.checkEmail(email) === false && email !== '') ?
+            {(password.length < 4 || first_name === '' || last_name === '') || (this.checkEmail(email) === false && email !== '') ?
               <View>
                 <Button
                   block