revisi home soal card_number

view/Home.js

@@ -40,7 +40,8 @@ class Home extends React.Component {
       is_expired_date: true,
       old_balance_claimed: true,
       member_since: "",
-      old_balance: 0
+      old_balance: 0,
+      card_number:''
     }
   }
 
@@ -181,6 +182,7 @@ class Home extends React.Component {
       let old_balance_claimed = dataCard.old_balance_claimed
       let member_since = dataCard.member_since
       let old_balance = dataCard.old_balance
+      let card_number = dataCard.card_number
 
       this.setState({
         point: point,
@@ -441,7 +443,7 @@ class Home extends React.Component {
                       <Card style={{ padding: 10, margin: 10, alignContent: 'center', backgroundColor: '#838383' }}>
                         <View style={{ flex: 1, backgroundColor: 'grey', height: 150, borderRadius: 20, marginRight: 10, marginLeft: 10, justifyContent: 'center' }}>
                           <View style={{ justifyContent: 'center' }}>
-                            <TouchableOpacity onPress={() => this.props.navigation.navigate('Card Activation')}>
+                            <TouchableOpacity onPress={() => this.props.navigation.navigate('Card Activation',{ cardNumber: this.state.card_number })}>
                               <View style={{ height: 50, borderRadius: 20, backgroundColor: 'white', marginRight: 20, marginLeft: 20, }}>
                                 <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 15 }}> {i18n.t('Acitvatecard')}</Text>
                               </View>
@@ -464,7 +466,7 @@ class Home extends React.Component {
                           </View>
                           <View style={{ paddingHorizontal: 10 }}>
                             <Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>
-                              {this.state.account_number}
+                              {this.state.card_number}
                             </Text>
                           </View>
                           <View style={styles.line}></View>
@@ -516,7 +518,7 @@ class Home extends React.Component {
                             </View>
                             <View style={{ paddingHorizontal: 10 }}>
                               <Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>
-                                {this.state.account_number}
+                                {this.state.card_number}
                               </Text>
                             </View>
                             <View style={styles.line}></View>
@@ -575,7 +577,7 @@ class Home extends React.Component {
                               </View>
                               <View style={{ paddingHorizontal: 10 }}>
                                 <Text style={{ textAlign: "center", fontSize: 30, color: '#c9af6d', fontFamily: 'Gotham-Black' }}>
-                                  {this.state.account_number}
+                                  {this.state.card_number}
                                 </Text>
                               </View>
                               <View style={styles.line}></View>
@@ -608,15 +610,15 @@ class Home extends React.Component {
                           </View>
                         )
               }
-              <View style={{ flexDirection: 'row', flex: 1, height: 40, marginTop: 40 }}>
-                <View style={{ justifyContent: 'center', flex: 1 }}>
+              <View style={{ flexDirection: 'row', flex: 1,height:40,marginTop:40}}>
+                <View style={{justifyContent:'center',flex:1}}>
                   <TouchableOpacity onPress={() => this.props.navigation.navigate('TopUpInfo')}>
                     <View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368', marginRight: 20, marginLeft: 20, justifyContent: 'center' }}>
                       <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 14 }}>{i18n.t('topup')}</Text>
                     </View>
                   </TouchableOpacity>
                 </View>
-                <View style={{ justifyContent: 'center', flex: 1 }}>
+                <View style={{justifyContent:'center',flex:1}}>
                   <TouchableOpacity onPress={() => this.handleuseBalance()}>
                     <View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368', marginRight: 20, marginLeft: 20, justifyContent: 'center' }}>
                       <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Gotham-Black', fontSize: 14 }}>{i18n.t('usebalance')}</Text>