renewal, tampilkan msg apabila balance tidak cukup

lib/en.json

@@ -234,5 +234,6 @@
     "alertVoucher":"Voucher cannot be used with point",
     "alertemailblank":"Email cannot be empty",
 
-    "waCallCenter":"Hello, I have a problem with trans no"
+    "waCallCenter":"Hello, I have a problem with trans no",
+    "renewal_notEnoughBalance": "You don't have enough balance"
 }
\ No newline at end of file

lib/id.json

@@ -234,5 +234,6 @@
   "alertVoucher":"Voucher tidak bisa digunakan dengan point",
   "alertemailblank":"Email tidak boleh kosong",
 
-  "waCallCenter":"Halo, saya ada masalah dengan trans no"
+  "waCallCenter":"Halo, saya ada masalah dengan trans no",
+  "renewal_notEnoughBalance": "Saldo anda tidak mencukupi."
 }
\ No newline at end of file

view/Renewal.js

@@ -193,16 +193,18 @@ class Renewal extends React.Component {
                                     <Text style={{ textAlign: 'center', fontSize: 12, fontFamily: 'Gotham-Black', color: 'gray' }}>{this.state.renew_until}</Text>
                                 </View>
                             </View>  
-                            {/* <View style={styles.btn_renewal}>
-                        <Button title="Renew" onPress={() => this._renewal()}></Button>
-                    </View> */}
 
                             {/* cek tombol berdasarkan state renew_button */}
-                            {this.state.hide_renew_button == true ? (null) : <TouchableOpacity onPress={() => this._handleRenewal()}>
+                            {this.state.hide_renew_button == true ? 
+                                <View style={{marginTop: 30}} >
+                                    <Text style={{ color: 'red', fontSize: 16, textAlign: 'center', fontFamily: 'Gotham-Black' }}>{i18n.t('renewal_notEnoughBalance')}</Text>
+                                </View>
+                            : <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>
                     )
                 }