diff --git a/react/src/actions/actionCreators.js b/react/src/actions/actionCreators.js
index 646890a..effbe50 100644
--- a/react/src/actions/actionCreators.js
+++ b/react/src/actions/actionCreators.js
@@ -925,7 +925,7 @@ export function addPeerNode(coin, ip) {
   }
 }
 
-export function getAddressesByAccountState(json, coin, mode) {
+export function setBasiliskMainAddress(json, coin, mode) {
   if (mode === 'full') {
     let publicAddressArray = [];
 
@@ -942,6 +942,31 @@ export function getAddressesByAccountState(json, coin, mode) {
   if (mode === 'basilisk') {
     getDexBalance(coin, mode, json.result);
   }
+  const _mainAddr = []
+
+  return {
+    type: ACTIVE_COIN_GET_ADDRESSES,
+    addresses: { 'public': [] },
+  }
+}
+
+export function getAddressesByAccountState(json, coin, mode) {
+  if (mode === 'full' || mode === 'basilisk') {
+    let publicAddressArray = [];
+
+    for (let i = 0; i < json.result.length; i++) {
+      publicAddressArray.push({
+        'address': json.result[i],
+        'amount': 'N/A'
+      });
+    }
+
+    json.result = publicAddressArray;
+  }
+
+  /*if (mode === 'basilisk') {
+    getDexBalance(coin, mode, json.result);
+  }*/
 
   return {
     type: ACTIVE_COIN_GET_ADDRESSES,
@@ -971,7 +996,7 @@ export function getAddressesByAccount(coin, mode) {
       dispatch(triggerToaster(true, 'getAddressesByAccount', 'Error', 'error'));
     })
     .then(response => response.json())
-    .then(json => dispatch(getAddressesByAccountState(json, coin, mode, dispatch)))
+    .then(json => dispatch(getAddressesByAccountState(json, coin, mode)))
   }
 }
 
@@ -1403,13 +1428,13 @@ export function fetchUtxoCache(_payload) {
 
 function getShepherdCacheState(json, pubkey, coin) {
   if (json.result && json.error && json.result.indexOf('no file with handle') > -1) {
-    console.log('request new cache', true);
+    console.log('request new cache', { 'pubkey': pubkey, 'coin': coin });
     return dispatch => {
       dispatch(fetchNewCacheData({
         'pubkey': pubkey,
         'allcoins': false,
         'coin': coin,
-        'calls': 'listtransactions:getbalance:listunspent',
+        'calls': 'listtransactions:getbalance',
       }));
     }
   } else {
@@ -1605,7 +1630,7 @@ export function getSyncInfoNative(coin, skipDebug) {
   }
 }
 
-export function getDexBalance(coin, addr) {
+export function getDexBalance(coin, mode, addr) {
   Promise.all(addr.map((_addr, index) => {
     const payload = {
       'userpass': 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
diff --git a/react/src/components/addcoin/addcoin.js b/react/src/components/addcoin/addcoin.js
index 4f55e92..725b509 100644
--- a/react/src/components/addcoin/addcoin.js
+++ b/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"
diff --git a/react/src/components/dashboard/coinTileItem.js b/react/src/components/dashboard/coinTileItem.js
index 568a659..6ae2ce3 100644
--- a/react/src/components/dashboard/coinTileItem.js
+++ b/react/src/components/dashboard/coinTileItem.js
@@ -62,11 +62,14 @@ class CoinTileItem extends React.Component {
     if (mode === 'basilisk') {
       const useAddress = this.props.ActiveCoin.mainBasiliskAddress ? this.props.ActiveCoin.mainBasiliskAddress : this.props.Dashboard.activeHandle[coin];
       Store.dispatch(iguanaActiveHandle(true));
+      Store.dispatch(getKMDAddressesNative(coin, mode, useAddress));
       Store.dispatch(getShepherdCache(JSON.parse(sessionStorage.getItem('IguanaActiveAccount')).pubkey, coin));
 
       if (this.props && this.props.Dashboard && this.props.Dashboard.activeHandle && this.props.Dashboard.activeHandle[coin]) {
+        if (!this.props.ActiveCoin.addresses) {
+          Store.dispatch(getAddressesByAccount(coin, mode));
+        }
         Store.dispatch(getBasiliskTransactionsList(coin, useAddress));
-        Store.dispatch(getKMDAddressesNative(coin, mode, useAddress));
         //Store.dispatch(iguanaEdexBalance(coin, mode));
       }
     }
diff --git a/react/src/components/dashboard/receiveCoin.js b/react/src/components/dashboard/receiveCoin.js
index e3f362f..843f4ee 100644
--- a/react/src/components/dashboard/receiveCoin.js
+++ b/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(
diff --git a/react/src/components/dashboard/sendCoin.js b/react/src/components/dashboard/sendCoin.js
index 259a019..3defd3e 100644
--- a/react/src/components/dashboard/sendCoin.js
+++ b/react/src/components/dashboard/sendCoin.js
@@ -70,19 +70,25 @@ class SendCoin extends React.Component {
 
   updateSocketsData(data) {
     console.log('sockets', data);
-    if (data && data.message && data.message.shepherd.iguanaAPI &&
+    if (data &&
+        data.message &&
+        data.message.shepherd.iguanaAPI &&
         data.message.shepherd.iguanaAPI.totalStackLength) {
       this.setState(Object.assign({}, this.state, {
         totalStackLength: data.message.shepherd.iguanaAPI.totalStackLength,
       }));
     }
-    if (data && data.message && data.message.shepherd.iguanaAPI &&
+    if (data &&
+        data.message &&
+        data.message.shepherd.iguanaAPI &&
         data.message.shepherd.iguanaAPI.currentStackLength) {
       this.setState(Object.assign({}, this.state, {
         currentStackLength: data.message.shepherd.iguanaAPI.currentStackLength,
       }));
     }
-    if (data && data.message && data.message.shepherd.method &&
+    if (data &&
+        data.message &&
+        data.message.shepherd.method &&
         data.message.shepherd.method === 'cache-one' &&
         data.message.shepherd.status === 'done') {
       Store.dispatch(basiliskRefresh(false));
@@ -128,18 +134,27 @@ class SendCoin extends React.Component {
       return (
         <div className="col-lg-12">
           <hr />
-          Total UTXO available: {refreshCacheData ? refreshCacheData.data && refreshCacheData.data.length : 'N/A. Press update button.'}<br />
-          <div className={!timestamp ? 'hide' : ''}>
-            Last updated @ {secondsToString(refreshCacheData ? refreshCacheData.timestamp : 0, true)} | {secondsElapsedToString(timestamp || 0)} ago<br />
+          { translate('SEND.TOTAL_UTXO_AVAILABLE') }: { refreshCacheData ? refreshCacheData.data && refreshCacheData.data.length : translate('SEND.PRESS_UPDATE_BTN') }<br />
+          <div className={ !timestamp ? 'hide' : '' }>
+            { translate('SEND.LAST_UPDATED') } @ { secondsToString(refreshCacheData ? refreshCacheData.timestamp : 0, true) } | { secondsElapsedToString(timestamp || 0) } { translate('SEND.AGO') }<br />
           </div>
-          <div className={isReadyToUpdate ? 'hide' : ''}>Next update available in {secondsElapsedToString(600 - timestamp)}s</div>
-          <div className={this.state.currentStackLength === 1 || (this.state.currentStackLength === 0 && this.state.totalStackLength === 0) ? 'hide' : 'progress progress-sm'} style={{width: '100%', marginBottom: '10px', marginTop: '10px'}}>
-            <div className="progress-bar progress-bar-striped active progress-bar-indicating progress-bar-success" style={{width: 100 - (this.state.currentStackLength * 100 / this.state.totalStackLength) + '%', fontSize: '80%'}} role="progressbar">
-              Processing requests: {this.state.currentStackLength} / {this.state.totalStackLength}
+          <div className={ isReadyToUpdate ? 'hide' : '' }>{ translate('SEND.NEXT_UPDATE_IN') } { secondsElapsedToString(600 - timestamp) }s</div>
+          <div
+            className={ this.state.currentStackLength === 1 || (this.state.currentStackLength === 0 && this.state.totalStackLength === 0) ? 'hide' : 'progress progress-sm' }
+            style={{ width: '100%', marginBottom: '10px', marginTop: '10px' }}>
+            <div
+              className="progress-bar progress-bar-striped active progress-bar-indicating progress-bar-success"
+              style={{ width: 100 - (this.state.currentStackLength * 100 / this.state.totalStackLength) + '%', fontSize: '80%' }}
+              role="progressbar">
+              { translate('SEND.PROCESSING_REQ') }: { this.state.currentStackLength } / { this.state.totalStackLength }
             </div>
           </div>
-          <button type="button" style={{marginTop: '10px'}} className={isReadyToUpdate ? 'btn btn-primary waves-effect waves-light' : 'hide'} onClick={this._fetchNewUTXOData} disabled={waitUntilCallIsFinished}>
-            {waitUntilCallIsFinished ? 'Locked, please wait...' : 'Update'}
+          <button
+            type="button"
+            style={{ marginTop: '10px' }}
+            className={ isReadyToUpdate ? 'btn btn-primary waves-effect waves-light' : 'hide' }
+            onClick={ this._fetchNewUTXOData } disabled={ waitUntilCallIsFinished }>
+            {waitUntilCallIsFinished ? translate('SEND.LOCKED_PLEASE_WAIT') + '...' : translate('SEND.UPDATE')}
           </button>
         </div>
       );
@@ -180,8 +195,13 @@ class SendCoin extends React.Component {
         const mainAddressAmount = this.renderAddressAmount(mainAddress);
 
         return(
-          <li data-original-index="2" key={mainAddress} className={mainAddressAmount <= 0 ? 'hide' : ''}>
-            <a tabIndex="0" onClick={() => this.updateAddressSelection(mainAddress, type, mainAddressAmount)}><i className={type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i>  <span className="text">[ {mainAddressAmount} {this.props.ActiveCoin.coin} ]  {mainAddress}</span><span className="glyphicon glyphicon-ok check-mark"></span></a>
+          <li
+            data-original-index="2"
+            key={ mainAddress }
+            className={ mainAddressAmount <= 0 ? 'hide' : '' }>
+            <a
+              tabIndex="0"
+              onClick={ () => this.updateAddressSelection(mainAddress, type, mainAddressAmount) }><i className={ type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash' }></i>  <span className="text">[ { mainAddressAmount } { this.props.ActiveCoin.coin } ]  { mainAddress }</span><span className="glyphicon glyphicon-ok check-mark"></span></a>
           </li>
         );
       } else {
@@ -192,14 +212,21 @@ class SendCoin extends React.Component {
           let _amount = address.amount;
 
           if (this.props.ActiveCoin.mode === 'basilisk') {
-            _amount = 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.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(
-            <li data-original-index="2" key={address.address} className={address.amount <= 0 ? 'hide' : ''}>
-              <a tabIndex="0" onClick={() => this.updateAddressSelection(address.address, type, _amount)}><i className={type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i>  <span className="text">[ {_amount} {this.props.ActiveCoin.coin} ]  {address.address}</span><span className="glyphicon glyphicon-ok check-mark"></span></a>
-            </li>
-          );
+          if (_amount !== 'N/A') {
+            items.push(
+              <li
+                data-original-index="2"
+                key={ address.address }
+                className={ address.amount <= 0 ? 'hide' : '' }>
+                <a
+                  tabIndex="0"
+                  onClick={ () => this.updateAddressSelection(address.address, type, _amount) }><i className={ type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash' }></i>  <span className="text">[ { _amount } { this.props.ActiveCoin.coin } ]  { address.address }</span><span className="glyphicon glyphicon-ok check-mark"></span></a>
+              </li>
+            );
+          }
         }
 
         return items;
@@ -211,9 +238,18 @@ class SendCoin extends React.Component {
 
   renderSelectorCurrentLabel() {
     if (this.state.sendFrom) {
+      let _amount;
+
+      if (this.state.sendFromAmount === 0 &&
+          this.props.ActiveCoin.mode === 'basilisk') {
+        _amount = this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.state.sendFrom].getbalance.data && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.state.sendFrom].getbalance.data.balance ? this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.state.sendFrom].getbalance.data.balance : 'N/A';
+      } else {
+        _amount = this.state._sendFromAmount;
+      }
+
       return (
         <span>
-          <i className={this.state.addressType === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i>  <span className="text">[ {this.state.sendFromAmount} {this.props.ActiveCoin.coin} ]  {this.state.sendFrom}</span>
+          <i className={this.state.addressType === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i>  <span className="text">[ { _amount } {this.props.ActiveCoin.coin} ]  {this.state.sendFrom}</span>
         </span>
       );
     } else if (this.state.sendApiType) {
diff --git a/react/src/components/dashboard/walletsBalance.js b/react/src/components/dashboard/walletsBalance.js
index 259e22b..00f1c66 100644
--- a/react/src/components/dashboard/walletsBalance.js
+++ b/react/src/components/dashboard/walletsBalance.js
@@ -28,6 +28,7 @@ class WalletsBalance extends React.Component {
         if (type === 'main' &&
             this.props.ActiveCoin.mode === 'basilisk' &&
             this.props.ActiveCoin.activeAddress &&
+            this.props.ActiveCoin.cache[this.props.ActiveCoin.coin] &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress]&&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress].getbalance &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress].getbalance.data &&
@@ -38,6 +39,7 @@ class WalletsBalance extends React.Component {
         if (type === 'interest' &&
             this.props.ActiveCoin.mode === 'basilisk' &&
             this.props.ActiveCoin.activeAddress &&
+            this.props.ActiveCoin.cache[this.props.ActiveCoin.coin] &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress] &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress].getbalance &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress].getbalance.data &&
@@ -48,6 +50,7 @@ class WalletsBalance extends React.Component {
         if (type === 'total' &&
             this.props.ActiveCoin.mode === 'basilisk' &&
             this.props.ActiveCoin.activeAddress &&
+            this.props.ActiveCoin.cache[this.props.ActiveCoin.coin] &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress] &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress].getbalance &&
             this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][this.props.ActiveCoin.activeAddress].getbalance.data &&
diff --git a/react/src/components/dashboard/walletsData.js b/react/src/components/dashboard/walletsData.js
index 8eb5538..1671892 100644
--- a/react/src/components/dashboard/walletsData.js
+++ b/react/src/components/dashboard/walletsData.js
@@ -83,19 +83,25 @@ class WalletsData extends React.Component {
   }
 
   updateSocketsData(data) {
-    if (data && data.message && data.message.shepherd.iguanaAPI &&
+    if (data &&
+        data.message &&
+        data.message.shepherd.iguanaAPI &&
         data.message.shepherd.iguanaAPI.totalStackLength) {
       this.setState(Object.assign({}, this.state, {
         totalStackLength: data.message.shepherd.iguanaAPI.totalStackLength,
       }));
     }
-    if (data && data.message && data.message.shepherd.iguanaAPI &&
+    if (data &&
+        data.message &&
+        data.message.shepherd.iguanaAPI &&
         data.message.shepherd.iguanaAPI.currentStackLength) {
       this.setState(Object.assign({}, this.state, {
         currentStackLength: data.message.shepherd.iguanaAPI.currentStackLength,
       }));
     }
-    if (data && data.message && data.message.shepherd.method &&
+    if (data &&
+        data.message &&
+        data.message.shepherd.method &&
         data.message.shepherd.method === 'cache-one' &&
         data.message.shepherd.status === 'done') {
       Store.dispatch(basiliskRefresh(false));
@@ -108,6 +114,7 @@ class WalletsData extends React.Component {
       'allcoins': false,
       'coin': this.props.ActiveCoin.coin,
       'calls': 'listtransactions:getbalance',
+      'address': this.state.currentAddress,
     }));
   }
 
@@ -119,13 +126,6 @@ class WalletsData extends React.Component {
       'calls': 'refresh',
       'address': this.state.currentAddress,
     }));
-    console.log('_fetchUtxoCache', {
-      'pubkey': this.props.Dashboard.activeHandle.pubkey,
-      'allcoins': false,
-      'coin': this.props.ActiveCoin.coin,
-      'calls': 'refresh',
-      'address': this.state.currentAddress,
-    });
   }
 
   toggleBasiliskActionsMenu() {
@@ -181,7 +181,8 @@ class WalletsData extends React.Component {
   }
 
   componentWillReceiveProps(props) {
-    if (!this.state.currentAddress && this.props.ActiveCoin.activeAddress) {
+    if (!this.state.currentAddress &&
+        this.props.ActiveCoin.activeAddress) {
       this.setState(Object.assign({}, this.state, {
         currentAddress: this.props.ActiveCoin.activeAddress,
       }));
@@ -191,7 +192,9 @@ class WalletsData extends React.Component {
         this.props.ActiveCoin.txhistory !== 'loading' &&
         this.props.ActiveCoin.txhistory !== 'no data' &&
         this.props.ActiveCoin.txhistory.length) {
-      if (!this.state.itemsList || (this.state.itemsList && !this.state.itemsList.length) || (props.ActiveCoin.txhistory !== this.props.ActiveCoin.txhistory)) {
+      if (!this.state.itemsList ||
+          (this.state.itemsList && !this.state.itemsList.length) ||
+          (props.ActiveCoin.txhistory !== this.props.ActiveCoin.txhistory)) {
         let historyToSplit = sortByDate(this.props.ActiveCoin.txhistory);
         historyToSplit = historyToSplit.slice((this.state.activePage - 1) * this.state.itemsPerPage, this.state.activePage * this.state.itemsPerPage);
 
@@ -201,7 +204,8 @@ class WalletsData extends React.Component {
       }
     }
 
-    if (this.props.ActiveCoin.txhistory && this.props.ActiveCoin.txhistory === 'no data') {
+    if (this.props.ActiveCoin.txhistory &&
+        this.props.ActiveCoin.txhistory === 'no data') {
       this.setState(Object.assign({}, this.state, {
         itemsList: 'no data',
       }));
@@ -227,8 +231,13 @@ class WalletsData extends React.Component {
 
     for (let i=0; i < Math.ceil(this.props.ActiveCoin.txhistory.length / this.state.itemsPerPage); i++) {
       items.push(
-        <li key={i + '-pagination-link'} className={this.state.activePage === i + 1 ? 'paginate_button active' : 'paginate_button'}>
-          <a aria-controls="kmd-tx-history-tbl" data-dt-idx="1" tabIndex="0" key={i + '-pagination'} onClick={this.state.activePage !== (i + 1) ? () => this.updateCurrentPage(i + 1) : null}>{i + 1}</a>
+        <li
+          key={ `${i}-pagination-link` }
+          className={ this.state.activePage === i + 1 ? 'paginate_button active' : 'paginate_button' }>
+          <a
+            aria-controls="kmd-tx-history-tbl"
+            tabIndex="0" key={ `${i}-pagination` }
+            onClick={ this.state.activePage !== (i + 1) ? () => this.updateCurrentPage(i + 1) : null }>{ i + 1 }</a>
         </li>
       );
     }
@@ -237,18 +246,24 @@ class WalletsData extends React.Component {
   }
 
   renderPaginationItemsPerPageSelector() {
-    if (this.props.ActiveCoin.txhistory && this.state.itemsList !== 'loading' && this.props.ActiveCoin.txhistory.length > 10) {
+    if (this.props.ActiveCoin.txhistory &&
+        this.state.itemsList !== 'loading' &&
+        this.props.ActiveCoin.txhistory.length > 10) {
       return (
         <div className="dataTables_length" id="kmd-tx-history-tbl_length">
           <label>
-            Show&nbsp;
-            <select name="itemsPerPage" aria-controls="kmd-tx-history-tbl" className="form-control input-sm" onChange={this.updateInput}>
+            { translate('INDEX.SHOW') }&nbsp;
+            <select
+              name="itemsPerPage"
+              aria-controls="kmd-tx-history-tbl"
+              className="form-control input-sm"
+              onChange={ this.updateInput }>
               <option value="10">10</option>
               <option value="25">25</option>
               <option value="50">50</option>
               <option value="100">100</option>
             </select>&nbsp;
-            entries
+            { translate('INDEX.ENTRIES_SM') }
           </label>
         </div>
       );
@@ -258,21 +273,40 @@ class WalletsData extends React.Component {
   }
 
   renderPagination() {
-    if (this.props.ActiveCoin.txhistory && this.state.itemsList !== 'loading' && this.props.ActiveCoin.txhistory.length > 10) {
+    if (this.props.ActiveCoin.txhistory &&
+        this.state.itemsList !== 'loading' &&
+        this.props.ActiveCoin.txhistory.length > 10) {
+      const _paginationFrom = ((this.state.activePage - 1) * this.state.itemsPerPage) + 1;
+      const _paginationTo = this.state.activePage * this.state.itemsPerPage;
+
       return (
         <div className="row unselectable">
           <div className="col-sm-5">
-            <div className="dataTables_info" id="kmd-tx-history-tbl_info" role="status" aria-live="polite">Showing {((this.state.activePage - 1) * this.state.itemsPerPage) + 1} to {this.state.activePage * this.state.itemsPerPage} of {this.props.ActiveCoin.txhistory.length} entries</div>
+            <div
+              className="dataTables_info"
+              id="kmd-tx-history-tbl_info"
+              role="status"
+              aria-live="polite">{ translate('INDEX.SHOWING') } { _paginationFrom } { translate('INDEX.TO') } { _paginationTo } { translate('INDEX.OF') } { this.props.ActiveCoin.txhistory.length } { translate('INDEX.ENTRIES_SM') }</div>
           </div>
           <div className="col-sm-7">
             <div className="dataTables_paginate paging_simple_numbers" id="kmd-tx-history-tbl_paginate">
               <ul className="pagination">
-                <li className={this.state.activePage === 1 ? 'paginate_button previous disabled' : 'paginate_button previous'} id="kmd-tx-history-tbl_previous">
-                  <a aria-controls="kmd-tx-history-tbl" data-dt-idx="0" tabIndex="0" onClick={() => this.updateCurrentPage(this.state.activePage - 1)}>Previous</a>
+                <li
+                  className={ this.state.activePage === 1 ? 'paginate_button previous disabled' : 'paginate_button previous' }
+                  id="kmd-tx-history-tbl_previous">
+                  <a
+                    aria-controls="kmd-tx-history-tbl"
+                    tabIndex="0"
+                    onClick={ () => this.updateCurrentPage(this.state.activePage - 1) }>{ translate('INDEX.PREVIOUS') }</a>
                 </li>
-                {this.renderPaginationItems()}
-                <li className={this.state.activePage > Math.floor(this.props.ActiveCoin.txhistory.length / this.state.itemsPerPage) ? 'paginate_button next disabled' : 'paginate_button next'} id="kmd-tx-history-tbl_next">
-                  <a aria-controls="kmd-tx-history-tbl" data-dt-idx="2" tabIndex="0" onClick={() => this.updateCurrentPage(this.state.activePage + 1)}>Next</a>
+                { this.renderPaginationItems() }
+                <li
+                  className={ this.state.activePage > Math.floor(this.props.ActiveCoin.txhistory.length / this.state.itemsPerPage) ? 'paginate_button next disabled' : 'paginate_button next' }
+                  id="kmd-tx-history-tbl_next">
+                  <a
+                    aria-controls="kmd-tx-history-tbl"
+                    tabIndex="0"
+                    onClick={ () => this.updateCurrentPage(this.state.activePage + 1) }>{ translate('INDEX.NEXT') }</a>
                 </li>
               </ul>
             </div>
@@ -285,38 +319,40 @@ class WalletsData extends React.Component {
   }
 
   renderTxType(category) {
-    if ( category === 'send' || category === 'sent' ) {
+    if (category === 'send' ||
+        category === 'sent') {
       return (
         <span className="label label-danger">
-          <i className="icon fa-arrow-circle-left"></i> <span>{translate('DASHBOARD.OUT')}</span>
+          <i className="icon fa-arrow-circle-left"></i> <span>{ translate('DASHBOARD.OUT') }</span>
         </span>
       );
     }
-    if ( category === 'receive' || category === 'received' ) {
+    if (category === 'receive' ||
+        category === 'received') {
       return (
         <span className="label label-success">
-          <i className="icon fa-arrow-circle-right"></i> <span>{translate('DASHBOARD.IN')}</span>
+          <i className="icon fa-arrow-circle-right"></i> <span>{ translate('DASHBOARD.IN') }</span>
         </span>
       );
     }
-    if ( category === 'generate' ) {
+    if (category === 'generate') {
       return (
         <span>
-          <i className="icon fa-cogs"></i> <span>{translate('DASHBOARD.MINED')}</span>
+          <i className="icon fa-cogs"></i> <span>{ translate('DASHBOARD.MINED') }</span>
         </span>
       );
     }
-    if ( category === 'immature' ) {
+    if (category === 'immature') {
       return (
         <span>
-          <i className="icon fa-clock-o"></i> <span>{translate('DASHBOARD.IMMATURE')}</span>
+          <i className="icon fa-clock-o"></i> <span>{ translate('DASHBOARD.IMMATURE') }</span>
         </span>
       );
     }
-    if ( category === 'unknown' ) {
+    if (category === 'unknown') {
       return (
         <span>
-          <i className="icon fa-meh-o"></i> <span>{translate('DASHBOARD.UNKNOWN')}</span>
+          <i className="icon fa-meh-o"></i> <span>{ translate('DASHBOARD.UNKNOWN') }</span>
         </span>
       );
     }
@@ -325,23 +361,30 @@ class WalletsData extends React.Component {
   renderTxHistoryList() {
     if (this.state.itemsList === 'loading') {
       return (
-        <div>Loading history...</div>
+        <div>{ translate('INDEX.LOADING_HISTORY') }...</div>
       );
     } else if (this.state.itemsList === 'no data') {
       return (
-        <div>No data</div>
+        <div>{ translate('INDEX.NO_DATA') }</div>
       );
     } else {
-      if (this.state.itemsList && this.state.itemsList.length && this.state.itemsList !== 'no data') {
+      if (this.state.itemsList &&
+          this.state.itemsList.length &&
+          this.state.itemsList !== 'no data') {
         return this.state.itemsList.map((tx, index) =>
-          <tr key={tx.txid + tx.amount}>
-            <td>{this.renderTxType(tx.category || tx.type)}</td>
-            <td>{tx.confirmations}</td>
-            <td>{tx.amount || translate('DASHBOARD.UNKNOWN')}</td>
-            <td>{secondsToString(tx.blocktime || tx.timestamp)}</td>
-            <td>{tx.address}</td>
+          <tr key={ tx.txid + tx.amount }>
+            <td>{ this.renderTxType(tx.category || tx.type) }</td>
+            <td>{ tx.confirmations }</td>
+            <td>{ tx.amount || translate('DASHBOARD.UNKNOWN') }</td>
+            <td>{ secondsToString(tx.blocktime || tx.timestamp) }</td>
+            <td>{ tx.address }</td>
             <td>
-              <button type="button" className="btn btn-xs white btn-info waves-effect waves-light btn-kmdtxid" onClick={() => this.toggleTxInfoModal(!this.props.ActiveCoin.showTransactionInfo, index)}><i className="icon fa-search"></i></button>
+              <button
+                type="button"
+                className="btn btn-xs white btn-info waves-effect waves-light btn-kmdtxid"
+                onClick={ () => this.toggleTxInfoModal(!this.props.ActiveCoin.showTransactionInfo, index) }>
+                <i className="icon fa-search"></i>
+              </button>
             </td>
           </tr>
         );
@@ -408,7 +451,7 @@ class WalletsData extends React.Component {
       return (
         <div className="col-sm-2">
           <div className="pull-left margin-right-10">
-            <input type="checkbox" id="edexcoin_cache_api" checked={this.state.useCache} data-plugin="switchery" data-size="small" />
+            <input type="checkbox" id="edexcoin_cache_api" checked={this.state.useCache} />
           </div>
           <label className="padding-top-3" htmlFor="edexcoin_cache_api" onClick={this.toggleCacheApi}>Use cache</label>
         </div>
@@ -429,7 +472,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] && 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(
@@ -455,7 +498,7 @@ class WalletsData extends React.Component {
             return this.props.ActiveCoin.addresses.public[i].amount;
           } else {
             const address = this.props.ActiveCoin.addresses.public[i].address;
-            const _amount = this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address].getbalance.data && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address].getbalance.data.balance ? this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address].getbalance.data.balance : 'N/A';
+            const _amount = this.props.ActiveCoin.cache[this.props.ActiveCoin.coin] && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address] && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address].getbalance.data && this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address].getbalance.data.balance ? this.props.ActiveCoin.cache[this.props.ActiveCoin.coin][address].getbalance.data.balance : 'N/A';
             return _amount;
           }
         }
diff --git a/react/src/components/dashboard/walletsHeader.js b/react/src/components/dashboard/walletsHeader.js
index 5b2f74c..74af1d6 100644
--- a/react/src/components/dashboard/walletsHeader.js
+++ b/react/src/components/dashboard/walletsHeader.js
@@ -1,83 +1,152 @@
 import React from 'react';
 import { translate } from '../../translate/translate';
-//import { dashboardChangeSection, toggleAddcoinModal } from '../../actions/actionCreators';
-//import Store from '../../store';
+// import { dashboardChangeSection, toggleAddcoinModal } from '../../actions/actionCreators';
+// import Store from '../../store';
 
 class WalletsHeader extends React.Component {
   render() {
-    if (this.props && this.props.coin) {
+    if (this.props &&
+        this.props.coin) {
       return (
         <div className="page-header page-header-bordered header-easydex margin-bottom-0" id="easydex-header-div">
           <h1 className="page-title">EasyDEX</h1>
           <ol className="breadcrumb">
-            <li className="header-easydex-section">{translate('INDEX.DASHBOARD')}</li>
+            <li className="header-easydex-section">{ translate('INDEX.DASHBOARD') }</li>
           </ol>
-          <div className="page-header-actions" style={{zIndex: '1'}}>
+          <div className="page-header-actions" style={{ zIndex: '1' }}>
             <div id="kmd_header_button">
-              <button type="button" id="easydex_kmd_wallet_actions_header" className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false">
+              <button
+                type="button"
+                id="easydex_kmd_wallet_actions_header"
+                className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light"
+                aria-expanded="false">
                 <i className="icon md-plus" aria-hidden="true"></i>
               </button>
-              <ul className="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_kmd_wallet_actions_header" role="menu">
+              <ul
+                className="dropdown-menu animate dropdown-menu-right"
+                aria-labelledby="easydex_kmd_wallet_actions_header"
+                role="menu">
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_dashboard">{translate('INDEX.DASHBOARD')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    id="btn_kmd_wallet_dashboard">{ translate('INDEX.DASHBOARD') }</a>
                 </li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_send">{translate('INDEX.SEND')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    id="btn_kmd_wallet_send">{ translate('INDEX.SEND') }</a>
                 </li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_recieve">{translate('INDEX.RECEIVE')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    id="btn_kmd_wallet_recieve">{ translate('INDEX.RECEIVE') }</a>
                 </li>
                 <li className="divider" role="presentation"></li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_kmd_wallet_settings">{translate('INDEX.SETTINGS')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    id="btn_kmd_wallet_settings">{ translate('INDEX.SETTINGS') }</a>
                 </li>
               </ul>
             </div>
 
             <div id="zec_header_button">
-              <button type="button" id="easydex_zec_wallet_actions_header" className="bg-yellow-600 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false">
+              <button
+                type="button"
+                id="easydex_zec_wallet_actions_header"
+                className="bg-yellow-600 btn btn-floating white waves-effect waves-float waves-light"
+                aria-expanded="false">
                 <i className="icon md-plus" aria-hidden="true"></i>
               </button>
-              <ul className="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_zec_wallet_actions_header" role="menu">
+              <ul
+                className="dropdown-menu animate dropdown-menu-right"
+                aria-labelledby="easydex_zec_wallet_actions_header"
+                role="menu">
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_dashboard">{translate('INDEX.DASHBOARD')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="ZEC"
+                    id="btn_zec_wallet_dashboard">{ translate('INDEX.DASHBOARD') }</a>
                 </li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_send">{translate('INDEX.SEND')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="ZEC"
+                    id="btn_zec_wallet_send">{ translate('INDEX.SEND') }</a>
                 </li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_recieve">{translate('INDEX.RECEIVE')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="ZEC"
+                    id="btn_zec_wallet_recieve">{ translate('INDEX.RECEIVE') }</a>
                 </li>
                 <li className="divider" role="presentation"></li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="ZEC" id="btn_zec_wallet_settings">{translate('INDEX.SETTINGS')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="ZEC"
+                    id="btn_zec_wallet_settings">{ translate('INDEX.SETTINGS') }</a>
                 </li>
               </ul>
             </div>
 
             <div id="kmd_header_button">
-              <button type="button" id="jumblr_actions_header" className="btn white waves-effect waves-light">
-                <i className="icon fa-refresh" aria-hidden="true"></i>{translate('INDEX.REFRESH')}
+              <button
+                type="button"
+                id="jumblr_actions_header"
+                className="btn white waves-effect waves-light">
+                <i className="icon fa-refresh" aria-hidden="true"></i>{ translate('INDEX.REFRESH') }
               </button>
             </div>
 
             <div id="kmd_header_button">
-              <button type="button" id="easydex_acpax_wallet_actions_header" className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false">
+              <button
+                type="button"
+                id="easydex_acpax_wallet_actions_header"
+                className="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light"
+                aria-expanded="false">
                 <i className="icon md-plus" aria-hidden="true"></i>
               </button>
-              <ul className="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_acpax_wallet_actions_header" role="menu">
+              <ul
+                className="dropdown-menu animate dropdown-menu-right"
+                aria-labelledby="easydex_acpax_wallet_actions_header"
+                role="menu">
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_dashboard">{translate('INDEX.DASHBOARD')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="KMD"
+                    id="btn_acpax_wallet_dashboard">{ translate('INDEX.DASHBOARD') }</a>
                 </li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_send">{translate('INDEX.SEND')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="KMD"
+                    id="btn_acpax_wallet_send">{ translate('INDEX.SEND') }</a>
                 </li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_recieve">{translate('INDEX.RECEIVE')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="KMD"
+                    id="btn_acpax_wallet_recieve">{ translate('INDEX.RECEIVE') }</a>
                 </li>
                 <li className="divider" role="presentation"></li>
                 <li role="presentation">
-                  <a href="javascript:void(0)" role="menuitem" data-extcoin-menu="KMD" id="btn_acpax_wallet_settings">{translate('INDEX.SETTINGS')}</a>
+                  <a
+                    href="javascript:void(0)"
+                    role="menuitem"
+                    data-extcoin-menu="KMD"
+                    id="btn_acpax_wallet_settings">{ translate('INDEX.SETTINGS') }</a>
                 </li>
               </ul>
             </div>
@@ -85,14 +154,14 @@ class WalletsHeader extends React.Component {
             <div className="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header">
               <div className="col-xs-6">
                 <div className="counter">
-                  <span className="font-weight-medium" data-currency="BTC" id="header_coinname_balance"> - BTC</span>
-                  <span className="counter-label small" data-currency="BTC" id="header_coinfiatbalance"> - USD</span>
+                  <span className="font-weight-medium" id="header_coinname_balance"> - BTC</span>
+                  <span className="counter-label small" id="header_coinfiatbalance"> - USD</span>
                 </div>
               </div>
               <div className="col-xs-6">
                 <div className="counter">
-                  <span className="font-weight-medium" data-currency="BTCD" id="header_coinname_balance"> - BTCD</span>
-                  <span className="counter-label small" data-currency="BTCD" id="header_coinfiatbalance"> - USD</span>
+                  <span className="font-weight-medium" id="header_coinname_balance"> - BTCD</span>
+                  <span className="counter-label small" id="header_coinfiatbalance"> - USD</span>
                 </div>
               </div>
             </div>
diff --git a/react/src/components/dashboard/walletsNative.js b/react/src/components/dashboard/walletsNative.js
index 361a4c5..1b8f5d0 100644
--- a/react/src/components/dashboard/walletsNative.js
+++ b/react/src/components/dashboard/walletsNative.js
@@ -15,21 +15,22 @@ class WalletsNative extends React.Component {
 
   // <WalletsNativeAlert {...this.props} />
   render() {
-    if (this.props && this.props.ActiveCoin && this.props.ActiveCoin.mode === 'native') {
+    if (this.props &&
+        this.props.ActiveCoin &&
+        this.props.ActiveCoin.mode === 'native') {
       return (
-        <div className="page" data-animsition-in="fade-in" data-animsition-out="fade-out" style={{marginLeft: '0'}}>
-          <div data-extcoin="COIN" id="section-extcoin" style={{paddingTop: '0'}}>
-            <div id="easydex-header-div" style={{'backgroundImage': 'url("assets/images/bg/' + this.props.ActiveCoin.coin.toLowerCase() + '_transparent_header_bg.png")'}}>
+        <div className="page" style={{ marginLeft: '0' }}>
+          <div id="section-extcoin" style={{ paddingTop: '0' }}>
+            <div id="easydex-header-div" style={{ 'backgroundImage': 'url("assets/images/bg/' + this.props.ActiveCoin.coin.toLowerCase() + '_transparent_header_bg.png")' }}>
               <ol className="breadcrumb">
                 <li className="header-easydex-section">
-                  <img src={'assets/images/native/' + this.props.ActiveCoin.coin.toLowerCase() + '_header_title_logo.png'} /> <span style={{fontSize: '35px', verticalAlign: 'middle'}} className={this.props.ActiveCoin.coin === 'KMD' ? 'hide' : ''}>{this.props.ActiveCoin.coin}</span>
+                  <img src={ 'assets/images/native/' + this.props.ActiveCoin.coin.toLowerCase() + '_header_title_logo.png' } /> <span style={{ fontSize: '35px', verticalAlign: 'middle' }} className={ this.props.ActiveCoin.coin === 'KMD' ? 'hide' : '' }>{ this.props.ActiveCoin.coin }</span>
                 </li>
               </ol>
             </div>
             <div className="page-content">
               <WalletsNativeSyncProgress {...this.props} />
-
-              <div className="row" data-extcoin="COIN" id="extcoin-wallet" data-plugin="masonry">
+              <div className="row" id="extcoin-wallet">
                 <WalletsNativeBalance {...this.props} />
                 <WalletsNativeTxHistory {...this.props} />
                 <WalletsNativeReceive {...this.props} />
diff --git a/react/src/components/dashboard/walletsNativeBalance.js b/react/src/components/dashboard/walletsNativeBalance.js
index 818cf51..313078c 100644
--- a/react/src/components/dashboard/walletsNativeBalance.js
+++ b/react/src/components/dashboard/walletsNativeBalance.js
@@ -3,63 +3,76 @@ import { translate } from '../../translate/translate';
 
 class WalletsNativeBalance extends React.Component {
   render() {
-    if (this.props && this.props.ActiveCoin.nativeActiveSection === 'default') {
+    if (this.props &&
+        this.props.ActiveCoin.nativeActiveSection === 'default') {
       return (
         <div className="col-xs-12">
-          <div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_t">
+          <div className="col-lg-3 col-xs-12" id="kmd_widget_get_total_balance_t">
             <div className="widget widget-shadow" id="widgetLineareaOne">
               <div className="widget-content white bg-yellow-800">
                 <div className="padding-20 padding-top-10">
                   <div className="clearfix">
                     <div className="pull-left padding-vertical-10">
-                      <i className="icon fa-eye font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.TRANSPARENT_BALANCE')}
+                      <i className="icon fa-eye font-size-24 vertical-align-bottom margin-right-5"></i>{ translate('INDEX.TRANSPARENT_BALANCE') }
                     </div>
-                    <span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_transparent_balance" style={{fontSize: '22px'}}>{this.props.ActiveCoin.balance.transparent ? this.props.ActiveCoin.balance.transparent : '-'}</span>
+                    <span
+                      className="pull-right padding-top-10"
+                      id="kmd_transparent_balance"
+                      style={{ fontSize: '22px' }}>{ this.props.ActiveCoin.balance.transparent ? this.props.ActiveCoin.balance.transparent : '-' }</span>
                   </div>
                 </div>
               </div>
             </div>
           </div>
 
-          <div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_z">
+          <div className="col-lg-3 col-xs-12" id="kmd_widget_get_total_balance_z">
             <div className="widget widget-shadow" id="widgetLineareaOne">
               <div className="widget-content white bg-blue-grey-800">
                 <div className="padding-20 padding-top-10">
                   <div className="clearfix">
                     <div className="pull-left padding-vertical-10">
-                      <i className="icon fa-eye-slash font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.Z_BALANCE')}
+                      <i className="icon fa-eye-slash font-size-24 vertical-align-bottom margin-right-5"></i>{ translate('INDEX.Z_BALANCE') }
                     </div>
-                    <span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_private_balance" style={{fontSize: '22px'}}>{this.props.ActiveCoin.balance.private ? this.props.ActiveCoin.balance.private : '-'}</span>
+                    <span
+                      className="pull-right padding-top-10"
+                      id="kmd_private_balance"
+                      style={{ fontSize: '22px' }}>{ this.props.ActiveCoin.balance.private ? this.props.ActiveCoin.balance.private : '-' }</span>
                   </div>
                 </div>
               </div>
             </div>
           </div>
 
-          <div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_i">
+          <div className="col-lg-3 col-xs-12" id="kmd_widget_get_total_balance_i">
             <div className="widget widget-shadow" id="widgetLineareaOne">
               <div className="widget-content white bg-cyan-700">
                 <div className="padding-20 padding-top-10">
                   <div className="clearfix">
                     <div className="pull-left padding-vertical-10">
-                      <i className="icon fa-money font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.INTEREST_EARNED')}
+                      <i className="icon fa-money font-size-24 vertical-align-bottom margin-right-5"></i>{ translate('INDEX.INTEREST_EARNED') }
                     </div>
-                    <span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_total_interest_balance" style={{fontSize: '22px'}}>{this.props.ActiveCoin.balance.interest ? this.props.ActiveCoin.balance.interest : '-'}</span>
+                    <span
+                      className="pull-right padding-top-10"
+                      id="kmd_total_interest_balance"
+                      style={{ fontSize: '22px' }}>{ this.props.ActiveCoin.balance.interest ? this.props.ActiveCoin.balance.interest : '-' }</span>
                   </div>
                 </div>
               </div>
             </div>
           </div>
 
-          <div className="col-lg-3 col-xs-12" data-extcoin="COIN" id="kmd_widget_get_total_balance_tzi">
+          <div className="col-lg-3 col-xs-12" id="kmd_widget_get_total_balance_tzi">
             <div className="widget widget-shadow" id="widgetLineareaOne">
               <div className="widget-content white bg-green-600">
                 <div className="padding-20 padding-top-10">
                   <div className="clearfix">
                     <div className="pull-left padding-vertical-10">
-                      <i className="icon fa-bullseye font-size-24 vertical-align-bottom margin-right-5"></i>{translate('INDEX.ZT_BALANCE')}
+                      <i className="icon fa-bullseye font-size-24 vertical-align-bottom margin-right-5"></i>{ translate('INDEX.ZT_BALANCE') }
                     </div>
-                    <span className="pull-right padding-top-10" data-extcoin="COIN" id="kmd_total_tz_balance" style={{fontSize: '22px'}}>{this.props.ActiveCoin.balance.total ? this.props.ActiveCoin.balance.total : '-'}</span>
+                    <span
+                      className="pull-right padding-top-10"
+                      id="kmd_total_tz_balance"
+                      style={{ fontSize: '22px' }}>{ this.props.ActiveCoin.balance.total ? this.props.ActiveCoin.balance.total : '-' }</span>
                   </div>
                 </div>
               </div>
diff --git a/react/src/components/dashboard/walletsNativeReceive.js b/react/src/components/dashboard/walletsNativeReceive.js
index 0483761..2216ec5 100644
--- a/react/src/components/dashboard/walletsNativeReceive.js
+++ b/react/src/components/dashboard/walletsNativeReceive.js
@@ -1,6 +1,9 @@
 import React from 'react';
 import { translate } from '../../translate/translate';
-import { getNewKMDAddresses, copyCoinAddress } from '../../actions/actionCreators';
+import {
+  getNewKMDAddresses,
+  copyCoinAddress
+} from '../../actions/actionCreators';
 import Store from '../../store';
 
 // TODO: implement sorting
@@ -26,17 +29,22 @@ class WalletsNativeReceive extends React.Component {
   }
 
   renderAddressList(type) {
-    if (this.props.ActiveCoin.addresses && this.props.ActiveCoin.addresses[type] && this.props.ActiveCoin.addresses[type].length) {
+    if (this.props.ActiveCoin.addresses &&
+        this.props.ActiveCoin.addresses[type] &&
+        this.props.ActiveCoin.addresses[type].length) {
       return this.props.ActiveCoin.addresses[type].map((address) =>
-        <tr key={address.address}>
+        <tr key={ address.address }>
           <td>
-            <span className={type === 'public' ? 'label label-default' : 'label label-dark'}>
-              <i className={type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i> {type === 'public' ? translate('IAPI.PUBLIC_SM') : translate('KMD_NATIVE.PRIVATE')}
+            <span className={ type === 'public' ? 'label label-default' : 'label label-dark' }>
+              <i className={ type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash' }></i> { type === 'public' ? translate('IAPI.PUBLIC_SM') : translate('KMD_NATIVE.PRIVATE') }
             </span>
-            <button className="btn btn-default btn-xs clipboard-edexaddr margin-left-10" data-edexcoin="COIN" id="edexcoin_active_addr_clipboard" data-clipboard-text="" onClick={() => this.copyZAddress(address.address)}><i className="icon wb-copy" aria-hidden="true"></i> {translate('INDEX.COPY')}</button>
+            <button
+              className="btn btn-default btn-xs clipboard-edexaddr margin-left-10"
+              id="edexcoin_active_addr_clipboard"
+              onClick={ () => this.copyZAddress(address.address) }><i className="icon wb-copy" aria-hidden="true"></i> { translate('INDEX.COPY') }</button>
           </td>
-          <td>{type === 'public' ? address.address : address.address.substring(0, 34) + '...'}</td>
-          <td>{address.amount}</td>
+          <td>{ type === 'public' ? address.address : address.address.substring(0, 34) + '...' }</td>
+          <td>{ address.amount }</td>
           <td></td>
         </tr>
       );
@@ -50,54 +58,72 @@ class WalletsNativeReceive extends React.Component {
   }
 
   render() {
-    if (this.props && this.props.ActiveCoin && this.props.ActiveCoin.nativeActiveSection === 'receive') {
+    if (this.props &&
+        this.props.ActiveCoin &&
+        this.props.ActiveCoin.nativeActiveSection === 'receive') {
       return (
-        <div data-extcoin="COIN" id="kmd_wallet_recieve">
+        <div id="kmd_wallet_recieve">
           <div className="col-xs-12 margin-top-20">
             <div className="panel nav-tabs-horizontal">
-              <div data-extcoin="COIN" id="kmd_wallet_recieve_section">
+              <div id="kmd_wallet_recieve_section">
                 <div className="col-xlg-12 col-lg-12 col-sm-12 col-xs-12">
                   <div className="panel">
                     <header className="panel-heading">
                       <div className="panel-actions">
-                        <div className={'dropdown' + (this.state.openDropMenu ? ' open' : '')} onClick={this.openDropMenu}>
-                          <a className="dropdown-toggle white btn btn-warning" data-extcoin="COIN" id="GetNewRecievingAddress" data-toggle="dropdown" href="javascript:void(0)" aria-expanded="false" role="button">
-                            <i className="icon md-arrows margin-right-10" aria-hidden="true"></i> {translate('INDEX.GET_NEW_ADDRESS')} <span className="caret"></span>
+                        <div className={ 'dropdown' + (this.state.openDropMenu ? ' open' : '') } onClick={ this.openDropMenu }>
+                          <a
+                            className="dropdown-toggle white btn btn-warning"
+                            id="GetNewRecievingAddress"
+                            href="javascript:void(0)"
+                            aria-expanded="false"
+                            role="button">
+                            <i className="icon md-arrows margin-right-10" aria-hidden="true"></i> { translate('INDEX.GET_NEW_ADDRESS') } <span className="caret"></span>
                           </a>
-                          <ul className="dropdown-menu dropdown-menu-right" aria-labelledby="GetNewRecievingAddress" role="menu">
+                          <ul
+                            className="dropdown-menu dropdown-menu-right"
+                            aria-labelledby="GetNewRecievingAddress"
+                            role="menu">
                             <li role="presentation">
-                              <a href="javascript:void(0)" data-extcoin="COIN" id="kmd_get_new_taddr" role="menuitem" onClick={() => this.getNewAddress('public')}>
-                                <i className="icon fa-eye" aria-hidden="true"></i> {translate('INDEX.TRANSPARENT_ADDRESS')}
+                              <a
+                                href="javascript:void(0)"
+                                id="kmd_get_new_taddr"
+                                role="menuitem"
+                                onClick={ () => this.getNewAddress('public') }>
+                                <i className="icon fa-eye" aria-hidden="true"></i> { translate('INDEX.TRANSPARENT_ADDRESS') }
                               </a>
                             </li>
                             <li data-extcoin="COIN" role="presentation">
-                              <a href="javascript:void(0)" data-extcoin="COIN" id="kmd_get_new_zaddr" role="menuitem" onClick={() => this.getNewAddress('private')}>
-                                <i className="icon fa-eye-slash" aria-hidden="true"></i> {translate('INDEX.PRIVATE_Z_ADDRESS')}
+                              <a
+                                href="javascript:void(0)"
+                                id="kmd_get_new_zaddr"
+                                role="menuitem"
+                                onClick={ () => this.getNewAddress('private') }>
+                                <i className="icon fa-eye-slash" aria-hidden="true"></i> { translate('INDEX.PRIVATE_Z_ADDRESS') }
                               </a>
                             </li>
                           </ul>
                         </div>
                       </div>
-                      <h3 className="panel-title">{translate('INDEX.RECEIVING_ADDRESS')}</h3>
+                      <h3 className="panel-title">{ translate('INDEX.RECEIVING_ADDRESS') }</h3>
                     </header>
                     <div className="panel-body">
-                      <table className="table table-hover dataTable table-striped" data-extcoin="COIN" id="kmd-recieve-addr-tbl">
+                      <table className="table table-hover dataTable table-striped" id="kmd-recieve-addr-tbl">
                         <thead>
                           <tr>
-                            <th>{translate('INDEX.TYPE')}</th>
-                            <th>{translate('INDEX.ADDRESS')}</th>
-                            <th>{translate('INDEX.AMOUNT')}</th>
+                            <th>{ translate('INDEX.TYPE') }</th>
+                            <th>{ translate('INDEX.ADDRESS') }</th>
+                            <th>{ translate('INDEX.AMOUNT') }</th>
                           </tr>
                         </thead>
                         <tbody>
-                        {this.renderAddressList('public')}
-                        {this.renderAddressList('private')}
+                        { this.renderAddressList('public') }
+                        { this.renderAddressList('private') }
                         </tbody>
                         <tfoot>
                           <tr>
-                            <th>{translate('INDEX.TYPE')}</th>
-                            <th>{translate('INDEX.ADDRESS')}</th>
-                            <th>{translate('INDEX.AMOUNT')}</th>
+                            <th>{ translate('INDEX.TYPE') }</th>
+                            <th>{ translate('INDEX.ADDRESS') }</th>
+                            <th>{ translate('INDEX.AMOUNT') }</th>
                           </tr>
                         </tfoot>
                       </table>
diff --git a/react/src/components/dashboard/walletsNativeSend.js b/react/src/components/dashboard/walletsNativeSend.js
index e2f1252..523f55b 100644
--- a/react/src/components/dashboard/walletsNativeSend.js
+++ b/react/src/components/dashboard/walletsNativeSend.js
@@ -30,10 +30,14 @@ class WalletsNativeSend extends React.Component {
   }
 
   renderAddressByType(type) {
-    if (this.props.ActiveCoin.addresses && this.props.ActiveCoin.addresses[type] && this.props.ActiveCoin.addresses[type].length) {
+    if (this.props.ActiveCoin.addresses &&
+        this.props.ActiveCoin.addresses[type] &&
+        this.props.ActiveCoin.addresses[type].length) {
       return this.props.ActiveCoin.addresses[type].map((address) =>
-        <li data-original-index="2" key={address.address} className={address.amount <= 0 ? 'hide' : ''}>
-          <a tabIndex="0" onClick={() => this.updateAddressSelection(address.address, type, address.amount)}><i className={type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i>  <span className="text">[ {address.amount} {this.props.ActiveCoin.coin} ]  {address.address}</span><span className="glyphicon glyphicon-ok check-mark"></span></a>
+        <li data-original-index="2" key={ address.address } className={ address.amount <= 0 ? 'hide' : '' }>
+          <a
+            tabIndex="0"
+            onClick={ () => this.updateAddressSelection(address.address, type, address.amount) }><i className={ type === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash' }></i>  <span className="text">[ { address.amount } { this.props.ActiveCoin.coin } ]  { address.address }</span><span className="glyphicon glyphicon-ok check-mark"></span></a>
         </li>
       );
     } else {
@@ -45,29 +49,37 @@ class WalletsNativeSend extends React.Component {
     if (this.state.sendFrom) {
       return (
         <span>
-          <i className={this.state.addressType === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash'}></i>  <span className="text">[ {this.state.sendFromAmount} {this.props.ActiveCoin.coin} ]  {this.state.sendFrom}</span>
+          <i className={ this.state.addressType === 'public' ? 'icon fa-eye' : 'icon fa-eye-slash' }></i>  <span className="text">[ { this.state.sendFromAmount } { this.props.ActiveCoin.coin } ]  { this.state.sendFrom }</span>
         </span>
       );
     } else {
       return (
-        <span>- Select Transparent or Private Address -</span>
+        <span>- { translate('SEND.SELECT_T_OR_Z_ADDR') } -</span>
       );
     }
   }
 
   renderAddressList() {
     return (
-      <div className={'btn-group bootstrap-select form-control form-material showkmdwalletaddrs show-tick ' + (this.state.addressSelectorOpen ? 'open' : '')}>
-        <button type="button" className="btn dropdown-toggle btn-info" data-toggle="dropdown" data-id="kmd_wallet_send_from" title="- Select Transparent or Private Address -" aria-expanded="true" onClick={this.openDropMenu}>
-          <span className="filter-option pull-left">{this.renderSelectorCurrentLabel()} </span>&nbsp;<span className="bs-caret"><span className="caret"></span></span>
+      <div className={ 'btn-group bootstrap-select form-control form-material showkmdwalletaddrs show-tick ' + (this.state.addressSelectorOpen ? 'open' : '') }>
+        <button
+          type="button"
+          className="btn dropdown-toggle btn-info"
+          title="- { translate('SEND.SELECT_T_OR_Z_ADDR') } -"
+          aria-expanded="true"
+          onClick={ this.openDropMenu }>
+          <span className="filter-option pull-left">{ this.renderSelectorCurrentLabel() } </span>
+          <span className="bs-caret">
+            <span className="caret"></span>
+          </span>
         </button>
         <div className="dropdown-menu open">
           <ul className="dropdown-menu inner" role="menu">
-            <li data-original-index="1" className="selected">
-              <a tabIndex="0" data-tokens="null"><span className="text"> - Select Transparent or Private Address - </span><span className="glyphicon glyphicon-ok check-mark"></span></a>
+            <li className="selected">
+              <a tabIndex="0"><span className="text"> - { translate('SEND.SELECT_T_OR_Z_ADDR') } - </span><span className="glyphicon glyphicon-ok check-mark"></span></a>
             </li>
-            {this.renderAddressByType('public')}
-            {this.renderAddressByType('private')}
+            { this.renderAddressByType('public') }
+            { this.renderAddressByType('private') }
           </ul>
         </div>
       </div>
@@ -78,55 +90,55 @@ class WalletsNativeSend extends React.Component {
     if (opid.status === 'queued') {
       return (
         <span className="label label-warning">
-          <i className="icon fa-eye"></i> <span>{translate('KMD_NATIVE.QUEUED')}</span>
+          <i className="icon fa-eye"></i> <span>{ translate('KMD_NATIVE.QUEUED') }</span>
         </span>
       );
     }
     if (opid.status === 'executing') {
       return (
         <span className="label label-info">
-          <i className="icon fa-eye"></i> <span>{translate('KMD_NATIVE.EXECUTING')}</span>
+          <i className="icon fa-eye"></i> <span>{ translate('KMD_NATIVE.EXECUTING') }</span>
         </span>
       );
     }
     if (opid.status === 'failed') {
       return (
         <span className="label label-danger">
-          <i className="icon fa-eye"></i> <span>{translate('KMD_NATIVE.FAILED')}</span>
+          <i className="icon fa-eye"></i> <span>{ translate('KMD_NATIVE.FAILED') }</span>
         </span>
       );
     }
     if (opid.status === 'success') {
       return (
         <span className="label label-success">
-          <i className="icon fa-eye"></i> <span>{translate('KMD_NATIVE.SUCCESS')}</span>
+          <i className="icon fa-eye"></i> <span>{ translate('KMD_NATIVE.SUCCESS') }</span>
         </span>
       );
     }
   }
 
   renderOPIDResult(opid) {
-    var isWaitingStatus = true;
+    let isWaitingStatus = true;
 
     if (opid.status === 'queued') {
       isWaitingStatus = false;
       return (
-        <i>Awaiting in queue...</i>
+        <i>{ translate('SEND.AWAITING') }...</i>
       );
     }
     if (opid.status === 'executing') {
       isWaitingStatus = false;
       return (
-        <i>Processing...</i>
+        <i>{ translate('SEND.PROCESSING') }...</i>
       );
     }
     if (opid.status === 'failed') {
       isWaitingStatus = false;
       return (
         <span>
-          <b>Error Code:</b> <span>{opid.error.code}</span>
+          <strong>{ translate('SEND.ERROR_CODE') }:</strong> <span>{ opid.error.code }</span>
           <br />
-          <b>{translate('KMD_NATIVE.MESSAGE')}:</b> <span>{opid.error.message}</span>
+          <strong>{ translate('KMD_NATIVE.MESSAGE') }:</strong> <span>{ opid.error.message }</span>
         </span>
       );
     }
@@ -134,27 +146,28 @@ class WalletsNativeSend extends React.Component {
       isWaitingStatus = false;
       return (
         <span>
-          <b>txid:</b> <span>{opid.result.txid}</span>
+          <strong>txid:</strong> <span>{ opid.result.txid }</span>
           <br />
-          <b>{translate('KMD_NATIVE.EXECUTION_SECONDS')}:</b> <span>{opid.execution_secs}</span>
+          <strong>{ translate('KMD_NATIVE.EXECUTION_SECONDS') }:</strong> <span>{ opid.execution_secs }</span>
         </span>
       );
     }
     if (isWaitingStatus) {
       return (
-        <span>Waiting...</span>
+        <span>{ translate('SEND.WAITING') }...</span>
       );
     }
   }
 
   renderOPIDList() {
-    if (this.props.ActiveCoin.opids && this.props.ActiveCoin.opids.length) {
+    if (this.props.ActiveCoin.opids &&
+        this.props.ActiveCoin.opids.length) {
       return this.props.ActiveCoin.opids.map((opid) =>
-        <tr key={opid.id}>
-          <td>{this.renderOPIDLabel(opid)}</td>
-          <td>{opid.id}</td>
-          <td>{secondsToString(opid.creation_time)}</td>
-          <td>{this.renderOPIDResult(opid)}</td>
+        <tr key={ opid.id }>
+          <td>{ this.renderOPIDLabel(opid) }</td>
+          <td>{ opid.id }</td>
+          <td>{ secondsToString(opid.creation_time) }</td>
+          <td>{ this.renderOPIDResult(opid) }</td>
         </tr>
       );
     } else {
@@ -209,7 +222,7 @@ class WalletsNativeSend extends React.Component {
         }
 
         if (this.state.sendTo === '') {
-          Store.dispatch(triggerToaster(true, 'Couldn\'t find any ' + this.props.ActiveCoin.coin +' addresses', 'OpenAlias', 'error'));
+          Store.dispatch(triggerToaster(true, 'Couldn\'t find any ' + this.props.ActiveCoin.coin + ' addresses', 'OpenAlias', 'error'));
         }
       } else {
         Store.dispatch(triggerToaster(true, 'Couldn\'t find any addresses', 'OpenAlias', 'error'));
@@ -222,11 +235,25 @@ class WalletsNativeSend extends React.Component {
       return (
         <div className="row">
           <div className="col-lg-6 form-group form-material">
-            <label className="control-label" data-extcoin="COIN" htmlFor="kmd_wallet_sendto">{translate('INDEX.SEND_TO')} via Openalias address</label>
-            <input type="text" className="form-control" data-extcoin="COIN" name="sendToOA" onChange={this.updateInput} id="kmd_wallet_sendto" placeholder="Enter an alias as address@site.com" autoComplete="off" required />
+            <label
+              className="control-label"
+              htmlFor="kmd_wallet_sendto">{ translate('INDEX.SEND_TO') } via Openalias address</label>
+            <input
+              type="text"
+              className="form-control"
+              name="sendToOA"
+              onChange={ this.updateInput }
+              id="kmd_wallet_sendto"
+              placeholder="Enter an alias as address@site.com"
+              autoComplete="off"
+              required />
           </div>
           <div className="col-lg-6 form-group form-material">
-            <button type="button" className="btn btn-primary waves-effect waves-light" data-toggle="modal" id="kmd_wallet_send_coins_btn" onClick={this.getOAdress}>
+            <button
+              type="button"
+              className="btn btn-primary waves-effect waves-light"
+              id="kmd_wallet_send_coins_btn"
+              onClick={ this.getOAdress }>
               Get address
             </button>
           </div>
@@ -238,48 +265,80 @@ class WalletsNativeSend extends React.Component {
   }
 
   render() {
-    if (this.props && this.props.ActiveCoin && this.props.ActiveCoin.nativeActiveSection === 'send') {
+    if (this.props &&
+        this.props.ActiveCoin &&
+        this.props.ActiveCoin.nativeActiveSection === 'send') {
       return (
-        <div data-extcoin="COIN" id="kmd_wallet_send">
+        <div id="kmd_wallet_send">
           <div className="col-xlg-12 col-md-12 col-sm-12 col-xs-12">
             <div className="panel" id="projects">
               <div className="panel-heading">
                 <h3 data-extcoin="COIN" className="panel-title">
-                  {translate('INDEX.SEND')} <span data-extcoinname="COIN"></span>
+                  { translate('INDEX.SEND') } { this.props.ActiveCoin.coin }
                 </h3>
               </div>
               <div className="panel-body container-fluid">
-                <form className="extcoin-send-form" data-extcoin="COIN" method="post" role="form" autoComplete="off">
+                <form className="extcoin-send-form" method="post" role="form" autoComplete="off">
                   <div className="row">
                     <div className="col-xlg-12 form-group form-material">
-                      <label className="control-label" data-extcoin="COIN" htmlFor="kmd_wallet_send_from">{translate('INDEX.SEND_FROM')}</label>
-                      {this.renderAddressList()}
+                      <label
+                        className="control-label"
+                        htmlFor="kmd_wallet_send_from">{ translate('INDEX.SEND_FROM') }</label>
+                      { this.renderAddressList() }
                     </div>
                   </div>
-                  {this.renderOASendUI()}
+                  { this.renderOASendUI() }
                   <div className="row">
                     <div className="col-xlg-12 form-group form-material">
-                      <label className="control-label" data-extcoin="COIN" htmlFor="kmd_wallet_sendto">{translate('INDEX.SEND_TO')}</label>
-                      <input type="text" className="form-control" data-extcoin="COIN" name="sendTo" onChange={this.updateInput} value={this.state.sendTo} id="kmd_wallet_sendto" placeholder="Enter Transparent or Private address" autoComplete="off" required />
+                      <label className="control-label" htmlFor="kmd_wallet_sendto">{ translate('INDEX.SEND_TO') }</label>
+                      <input
+                        type="text"
+                        className="form-control"
+                        name="sendTo"
+                        onChange={ this.updateInput }
+                        value={ this.state.sendTo }
+                        id="kmd_wallet_sendto"
+                        placeholder="{ translate('SEND.ENTER_T_OR_Z_ADDR') }"
+                        autoComplete="off"
+                        required />
                     </div>
                     <div className="col-lg-6 form-group form-material">
-                      <label className="control-label" htmlFor="kmd_wallet_amount" data-extcoin="COIN" id="kmd_wallet_amount_label">
-                        {this.props.ActiveCoin.coin}
+                      <label className="control-label" htmlFor="kmd_wallet_amount" id="kmd_wallet_amount_label">
+                        { this.props.ActiveCoin.coin }
                       </label>
-                      <input type="text" className="form-control" name="amount" onChange={this.updateInput} data-extcoin="COIN" id="kmd_wallet_amount" placeholder="0.000" autoComplete="off" />
+                      <input
+                        type="text"
+                        className="form-control"
+                        name="amount"
+                        onChange={ this.updateInput }
+                        id="kmd_wallet_amount"
+                        placeholder="0.000"
+                        autoComplete="off" />
                     </div>
                     <div className="col-lg-6 form-group form-material">
-                      <label className="control-label" data-extcoin="COIN" htmlFor="kmd_wallet_fee">{translate('INDEX.FEE')}</label>
-                      <input type="text" className="form-control" name="fee" onChange={this.updateInput} data-extcoin="COIN" id="kmd_wallet_fee" placeholder="0.000" value={this.state.fee} autoComplete="off" />
+                      <label className="control-label" htmlFor="kmd_wallet_fee">{ translate('INDEX.FEE') }</label>
+                      <input
+                        type="text"
+                        className="form-control"
+                        name="fee"
+                        onChange={ this.updateInput }
+                        id="kmd_wallet_fee"
+                        placeholder="0.000"
+                        value={ this.state.fee }
+                        autoComplete="off" />
                     </div>
                     <div className="col-lg-12">
-                      <span data-extcoin="KMD">
-                        <b>{translate('INDEX.TOTAL')}:</b> {this.state.amount} - {this.state.fee}/kb = {Number(this.state.amount) - Number(this.state.fee)} {this.props.ActiveCoin.coin}
+                      <span>
+                        <strong>{ translate('INDEX.TOTAL') }:</strong> { this.state.amount } - { this.state.fee }/kb = { Number(this.state.amount) - Number(this.state.fee) } { this.props.ActiveCoin.coin }
                       </span>
                     </div>
                     <div className="col-lg-12">
-                      <button type="button" className="btn btn-primary waves-effect waves-light pull-right" data-toggle="modal" id="kmd_wallet_send_coins_btn" onClick={this.handleSubmit}>
-                        {translate('INDEX.SEND')} {this.state.amount} {this.props.ActiveCoin.coin}
+                      <button
+                        type="button"
+                        className="btn btn-primary waves-effect waves-light pull-right"
+                        id="kmd_wallet_send_coins_btn"
+                        onClick={ this.handleSubmit }>
+                        { translate('INDEX.SEND') } { this.state.amount } { this.props.ActiveCoin.coin }
                       </button>
                     </div>
                   </div>
@@ -291,31 +350,34 @@ class WalletsNativeSend extends React.Component {
           <div className="col-xs-12">
             <div className="row">
               <div className="panel nav-tabs-horizontal">
-                <div data-extcoin="COIN" id="kmd_wallet_opids_status_section">
+                <div id="kmd_wallet_opids_status_section">
                   <div className="col-xlg-12 col-lg-12 col-sm-12 col-xs-12">
                     <div className="panel">
                       <header className="panel-heading">
-                        <h3 className="panel-title">{translate('INDEX.OPERATIONS_STATUSES')}</h3>
+                        <h3 className="panel-title">{ translate('INDEX.OPERATIONS_STATUSES') }</h3>
                       </header>
                       <div className="panel-body">
-                        <table className="table table-hover dataTable table-striped" data-extcoin="COIN" id="kmd-opid-status-tbl" width="100%">
+                        <table
+                          className="table table-hover dataTable table-striped"
+                          id="kmd-opid-status-tbl"
+                          width="100%">
                           <thead>
                             <tr>
-                              <th>{translate('INDEX.STATUS')}</th>
+                              <th>{ translate('INDEX.STATUS') }</th>
                               <th>ID</th>
-                              <th>{translate('INDEX.TIME')}</th>
-                              <th>{translate('INDEX.RESULT')}</th>
+                              <th>{ translate('INDEX.TIME') }</th>
+                              <th>{ translate('INDEX.RESULT') }</th>
                             </tr>
                           </thead>
                           <tbody>
-                          {this.renderOPIDList()}
+                          { this.renderOPIDList() }
                           </tbody>
                           <tfoot>
                             <tr>
-                              <th>{translate('INDEX.STATUS')}</th>
+                              <th>{ translate('INDEX.STATUS') }</th>
                               <th>ID</th>
-                              <th>{translate('INDEX.TIME')}</th>
-                              <th>{translate('INDEX.RESULT')}</th>
+                              <th>{ translate('INDEX.TIME') }</th>
+                              <th>{ translate('INDEX.RESULT') }</th>
                             </tr>
                           </tfoot>
                         </table>
diff --git a/react/src/translate/en.js b/react/src/translate/en.js
index 03f4d27..2809aa9 100644
--- a/react/src/translate/en.js
+++ b/react/src/translate/en.js
@@ -394,6 +394,22 @@ export const _lang = {
       'AMOUNT': 'amount',
       'CATEGORY': 'category',
       'CONFIRMATIONS': 'confirmations'
+    },
+    'SEND': {
+      'PRESS_UPDATE_BTN': 'N/A. Press update button.',
+      'TOTAL_UTXO_AVAILABLE': 'Total UTXO available',
+      'LAST_UPDATED': 'Last updated',
+      'NEXT_UPDATE_IN': 'Next update available in',
+      'AGO': 'ago',
+      'PROCESSING_REQ': 'Processing requests',
+      'LOCKED_PLEASE_WAIT': 'Locked, please wait',
+      'UPDATE': 'Update',
+      'SELECT_T_OR_Z_ADDR': 'Select Transparent or Private Address',
+      'ENTER_T_OR_Z_ADDR': 'Enter Transparent or Private address',
+      'AWAITING': 'Awaiting in queue',
+      'PROCESSING': 'Processing',
+      'ERROR_CODE': 'Error Code',
+      'WAITING': 'Waiting'
     }
   }
 };
\ No newline at end of file