change profil page

view/ProfilePage.js

@@ -17,6 +17,7 @@ class ProfilePage extends PureComponent {
             dob_year: '',
             gender: '',
             email: '',
+            mobile_phone:'',
             onClicked: false,
         }
     }
@@ -33,6 +34,7 @@ class ProfilePage extends PureComponent {
 
         Axios.post('https://excelsocrm.ravintoladev.com/crm/v2/member/get_profile', params).then(res => {
             let data = res.data
+            console.log("INI DATANYA : "+JSON.stringify(data));
 
             this.setState({
                 full_name: data.name,
@@ -41,6 +43,7 @@ class ProfilePage extends PureComponent {
                 dob_month: data.dob_month,
                 dob_year: data.dob_year,
                 gender: data.gender_display,
+                mobile_phone: data.mobile_phone
 
             })
         }).catch(error => {
@@ -112,11 +115,16 @@ class ProfilePage extends PureComponent {
                         </View>
 
                         <View style={{top:30}}>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 18, textAlign: 'center' }}>Phone</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 14, textAlign: 'center'}}>{this.state.mobile_phone}</Text>
+                        </View>
+
+                        <View style={{top:40}}>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 18, textAlign: 'center'}}>Date of Birth</Text>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 14, textAlign: 'center'}}>{this.state.dob_day} / {this.state.dob_month} / {this.state.dob_year}</Text>
                         </View>
                        
-                        <View style={{top:40,marginBottom:40}}>
+                        <View style={{top:50,marginBottom:50}}>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 18, textAlign: 'center' }}>Gender</Text>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 14, textAlign: 'center'}}>{this.state.gender}</Text>
                         </View>