addcoin modal animation

react/src/components/addcoin/addcoin.js

@@ -36,6 +36,7 @@ class AddCoin extends React.Component {
       },
       display: false,
       actionsMenu: false,
+      modalClassName: 'hide',
     };
     this.activateCoin = this.activateCoin.bind(this);
     this.dismiss = this.dismiss.bind(this);
@@ -56,7 +57,7 @@ class AddCoin extends React.Component {
   loadCoinSelection() {
     shepherdGetCoinList()
     .then(function(json) {
-      if (json.msg !== 'error') {      
+      if (json.msg !== 'error') {
         this.setState(Object.assign({}, this.state, {
           coins: json.result,
           actionsMenu: false,
@@ -90,10 +91,18 @@ class AddCoin extends React.Component {
   }
 
   componentWillReceiveProps(props) {
-    if (props) {
+    if (props && props.display !== this.state.display) {
       this.setState(Object.assign({}, this.state, {
         display: props.display,
+        modalClassName: props.display ? 'show fade' : 'show fade',
       }));
+
+      setTimeout(function() {
+        this.setState(Object.assign({}, this.state, {
+          display: props.display,
+          modalClassName: props.display ? 'show in' : 'hide',
+        }));
+      }.bind(this), 100);
     }
   }
 
@@ -307,7 +316,7 @@ class AddCoin extends React.Component {
     return (
       <div>
         <div
-          className={'modal modal-3d-sign add-coin-modal ' + (this.state.display ? 'show in' : 'fade hide')}
+          className={'modal modal-3d-sign add-coin-modal ' + this.state.modalClassName}
           id="AddCoinDilogModel-login"
           aria-hidden="true"
           aria-labelledby="AddCoinDilogModel-login"

react/src/components/dashboard/receiveCoin.js

@@ -66,10 +66,10 @@ class ReceiveCoin extends React.Component {
         let address = this.props.addresses.public[i];
 
         if (this.props.mode === 'basilisk' && address.amount === 'N/A') {
-          address.amount = this.props.cache[this.props.coin][address.address].getbalance.data && this.props.cache[this.props.coin][address.address].getbalance.data.balance ? this.props.cache[this.props.coin][address.address].getbalance.data.balance : 'N/A';
+          address.amount = this.props.cache && this.props.cache[this.props.coin][address.address] && this.props.cache[this.props.coin][address.address].getbalance.data && this.props.cache[this.props.coin][address.address].getbalance.data.balance ? this.props.cache[this.props.coin][address.address].getbalance.data.balance : 'N/A';
         }
         if (this.props.mode === 'basilisk' && (address.interest === 'N/A' || !address.interest)) {
-          address.interest = this.props.cache[this.props.coin][address.address].getbalance.data && this.props.cache[this.props.coin][address.address].getbalance.data.interest ? this.props.cache[this.props.coin][address.address].getbalance.data.interest : 'N/A';
+          address.interest = this.props.cache && this.props.cache[this.props.coin][address.address] && this.props.cache[this.props.coin][address.address].getbalance.data && this.props.cache[this.props.coin][address.address].getbalance.data.interest ? this.props.cache[this.props.coin][address.address].getbalance.data.interest : 'N/A';
         }
 
         items.push(

react/src/components/dashboard/walletsData.js

@@ -430,7 +430,7 @@ class WalletsData extends React.Component {
           let _amount = address.amount;
 
           if (this.props.ActiveCoin.mode === 'basilisk') {
-            _amount = this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address] && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address].getbalance.data && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address].getbalance.data.balance ? this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address].getbalance.data.balance : 'N/A';
+            _amount = this.props.ActiveCoin.cache && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address] && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address].getbalance.data && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address].getbalance.data.balance ? this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address.address].getbalance.data.balance : 'N/A';
           }
 
           items.push(