hidden check card button setelah card sesuai

view/CardActivation.js

@@ -20,6 +20,7 @@ class CardActivation extends React.Component {
             timer: 80,
             onclickToken: false,
             onclick: false,
+            onClickCard: false, // Modifikasi Aktivasi Kartu | Hidden Check Card Button
             spinner: false,
             caretHidden: true,
             tnc_link:'',
@@ -37,7 +38,7 @@ class CardActivation extends React.Component {
         Axios.post(this.props.BASE_URL + 'crm/v2/card/series_info', params).then(res => {
             // Mengambil Data TnC Link dari API        
             console.log('LINK TNC : ', res.data.data.tnc_link);
-            this.setState({ TextInputDisableStatus: false, tnc_link: res.data.data.tnc_link })
+            this.setState({ TextInputDisableStatus: false, tnc_link: res.data.data.tnc_link, onClickCard: true })
         }).catch(error => {
             let response = error.response.data;
             Alert.alert(
@@ -342,15 +343,15 @@ class CardActivation extends React.Component {
 
                             />
                         </View>
+                        {this.state.onclick == true ? (null) : (
                         <View style={styles.button}>
-                            {this.state.onclick == true ? (null) : (
                                 <TouchableOpacity disabled={this.state.mobile_phone.length<1} style={{ top: 25 }} onPress={() => this.handleToken()}>
                                     <View style={{ height: 40, borderRadius: 10, backgroundColor: this.state.mobile_phone.length<1 ? '#e3e3e3' : '#CFB368', justifyContent: 'center' }}>
                                         <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center', margin: 10 }}>{i18n.t('sendtoken')}</Text>
                                     </View>
                                 </TouchableOpacity>
-                            )}
                         </View>
+                        )}
                     </View>
                     {
                         this.state.onclick === true ? (<Text style={{ textAlign: 'center', fontFamily: 'Gotham-Black', color: 'red' }}> 0:{this.state.timer} </Text>) : (
@@ -394,8 +395,8 @@ class CardActivation extends React.Component {
                                 )
                             }
                         </View>
-
                         {/* Modifikasi Aktivasi Kartu | Cek Kartu  */}
+                        {this.state.onClickCard == true ? (null) : (
                         <View style={styles.button}>
                             <TouchableOpacity disabled={this.state.card_number.length<1} style={{ top: 25 }} onPress={this.checkCard}>
                                 <View style={{ height: 40, borderRadius: 10, backgroundColor: this.state.card_number.length<1 ? '#e3e3e3' : '#CFB368', justifyContent: 'center' }}>
@@ -403,6 +404,7 @@ class CardActivation extends React.Component {
                                 </View>
                             </TouchableOpacity>
                         </View>
+                        )}
                     </View>
                     <View style={styles.field_email}>
                         <View style={{ flex: 1, margin: 10 }}>