Halaman renewal, harusnya dari frontend kalau memang gak punya balance didisable…

Halaman renewal, harusnya dari frontend kalau memang gak punya balance didisable tombol perpanjangnya. Dan dikasih spinner saat loading

view/Renewal.js

@@ -20,6 +20,7 @@ class Renewal extends React.Component {
             renew_until: "",
             indicator: true,
             spinner: false,
+            renew_button: false
         }
     }
 
@@ -47,7 +48,7 @@ class Renewal extends React.Component {
     }
 
     _renewal() {
-        this.setState({spinner: true})
+        this.setState({ spinner: true })
         let params = {
             session_id: this.props.session_id
         }
@@ -57,12 +58,12 @@ class Renewal extends React.Component {
             this._getProfile();
             Toast.show(i18n.t('successRenewal'))
             this.props.navigation.navigate('Home', { screen: 'ACCOUNT' });
-            this.setState({spinner: false})
+            this.setState({ spinner: false })
         }).catch(error => {
             let response = error.response.data;
             // console.log(response.msg)
             Alert.alert('', response.msg);
-            this.setState({spinner: false})
+            this.setState({ spinner: false })
         })
     }
 
@@ -79,16 +80,29 @@ class Renewal extends React.Component {
             let expired = dataCard.expire_date
             let renew = dataCard.renew_until
 
-
-            this.setState({
-                current_balance: balance,
-                expired: expired,
-                renew_until: renew,
-                indicator: false,
-            })
-
+            // cek apakah saldo sama dengan 0 
+            if (balance == 0) {
+                //kalau saldo sama dengan 0 disable renew button = true  
+                this.setState({
+                    current_balance: balance,
+                    expired: expired,
+                    renew_until: renew,
+                    indicator: false,
+                    renew_button: true
+                })
+
+            } else {
+                // kalau tidak renew button = false  
+                this.setState({
+                    current_balance: balance,
+                    expired: expired,
+                    renew_until: renew,
+                    indicator: false,
+                    renew_button: false
+                })
+            }
         }).catch(error => {
-            // console.log('ini error ' + error)
+            Alert.alert('', response.msg);
         })
     }
 
@@ -143,11 +157,13 @@ class Renewal extends React.Component {
                             {/* <View style={styles.btn_renewal}>
                         <Button title="Renew" onPress={() => this._renewal()}></Button>
                     </View> */}
-                            <TouchableOpacity onPress={() => this._handleRenewal()}>
+
+                            {/* cek tombol berdasarkan state renew_button */}
+                            {this.state.renew_button == true ? (null) : <TouchableOpacity onPress={() => this._handleRenewal()}>
                                 <View style={styles.button}>
                                     <Text style={{ color: 'white', fontSize: 16, textAlign: 'center', fontFamily: 'Gotham-Black' }}>{i18n.t('renew')}</Text>
                                 </View>
-                            </TouchableOpacity>
+                            </TouchableOpacity>}
                         </View>
                     )
                 }