#135 plus other content fixes

react/src/components/addcoin/addcoin.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { translate } from '../../translate/translate';
 import {
+  Config,
   addCoin,
   toggleAddcoinModal,
   triggerToaster,
@@ -16,6 +17,7 @@ class AddCoin extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
+      nativeOnly: Config.iguanaLessMode,
       coins: [],
       defaultCoinState: {
         selectedCoin: null,

react/src/components/addcoin/addcoin.render.js

@@ -56,8 +56,8 @@ const AddCoinRender = function() {
                   <strong>{ translate('INDEX.BASILISK_MODE') }:</strong> { translate('INDEX.BASILISK_MODE_DESC') }
                 </p>
                 <p>
-                  <strong>{ translate('INDEX.NATIVE_MODE') }:</strong> { translate('INDEX.NATIVE_MODE_DESC1') } 
-                  <strong>Komodo Daemon</strong> { translate('INDEX.NATIVE_MODE_DESC2') } 
+                  <strong>{ translate('INDEX.NATIVE_MODE') }:</strong> { translate('INDEX.NATIVE_MODE_DESC1') }&nbsp;
+                  <strong>Komodo Daemon</strong> { translate('INDEX.NATIVE_MODE_DESC2') }&nbsp;
                   <i>Iguana Daemon</i> { translate('INDEX.NATIVE_MODE_DESC3') }.
                 </p>
                 <div className="alert alert-icon alert-primary">
@@ -67,8 +67,8 @@ const AddCoinRender = function() {
                     <span>×</span>
                   </button>
                   <i className="icon md-info-outline"></i> 
-                  <strong>{ translate('INDEX.NATIVE_MODE') }</strong> { translate('INDEX.NATIVE_MODE_DESC4') } 
-                  <strong>{ translate('INDEX.NATIVE_MODE_DESC5') }</strong>, 
+                  <strong>{ translate('INDEX.NATIVE_MODE') }</strong> { translate('INDEX.NATIVE_MODE_DESC4') }&nbsp;
+                  <strong>{ translate('INDEX.NATIVE_MODE_DESC5') }</strong>,&nbsp;
                   <i>{ translate('INDEX.NATIVE_MODE_DESC5') }</i>.
                 </div>
               </div>

react/src/components/dashboard/loginModal/loginModal.render.js

@@ -30,7 +30,6 @@ const LoginModalRender = function () {
                     <div className="brand">
                       <img className="brand-img" src="assets/images/easydex-logo-big.png" alt="SuperNET Iguana" />
                     </div>
-
                     <div id="section-login" className={ this.state.activeLoginSection === 'login' ? 'show' : 'hide' }>
                       <h4 className="color-white" id="login-welcome">{ translate('INDEX.WELCOME_LOGIN') }</h4>
                       <div className="login-form">

react/src/components/dashboard/walletsData/walletsData.render.js

@@ -43,12 +43,12 @@ export const PaginationRender = function(paginationFrom, paginationTo) {
     <div className="row unselectable">
       <div className="col-sm-5">
         <div className="dataTables_info">
-          { translate('INDEX.SHOWING') } 
-          { paginationFrom } 
-          { translate('INDEX.TO_ALT') } 
-          { paginationTo } 
-          { translate('INDEX.OF') } 
-          { this.props.ActiveCoin.txhistory.length } 
+          { translate('INDEX.SHOWING') }&nbsp;
+          { paginationFrom }&nbsp;
+          { translate('INDEX.TO_ALT') }&nbsp;
+          { paginationTo }&nbsp;
+          { translate('INDEX.OF') }&nbsp;
+          { this.props.ActiveCoin.txhistory.length }&nbsp;
           { translate('INDEX.ENTRIES_SM') }
         </div>
       </div>
@@ -143,7 +143,7 @@ export const WalletsDataRender = function() {
                       <div className={ 'margin-bottom-3 ' + (this.state.currentStackLength === 1 || (this.state.currentStackLength === 0 && this.state.totalStackLength === 0) ? 'hide' : 'progress progress-sm') }>
                         <div
                           className="progress-bar progress-bar-striped active progress-bar-indicating progress-bar-success font-size-80-percent"
-                          style={{ width: 100 - (this.state.currentStackLength * 100 / this.state.totalStackLength) + '%'}}>
+                          style={{ width: 100 - (this.state.currentStackLength * 100 / this.state.totalStackLength) + '%' }}>
                           { translate('SEND.PROCESSING_REQ') }: { this.state.currentStackLength } / { this.state.totalStackLength }
                         </div>
                       </div>

react/src/components/dashboard/walletsNativeTxHistory/walletsNativeTxHistory.render.js

@@ -27,12 +27,12 @@ export const PaginationRender = function(paginationStart, paginationEnd, paginat
     <div className="row unselectable">
       <div className="col-sm-5">
         <div className="dataTables_info">
-          { translate('INDEX.SHOWING') } 
-          { paginationStart } 
-          { translate('INDEX.TO') } 
-          { paginationEnd } 
-          { translate('INDEX.OF') } 
-          { this.props.ActiveCoin.txhistory.length } 
+          { translate('INDEX.SHOWING') }&nbsp;
+          { paginationStart }&nbsp;
+          { translate('INDEX.TO') }&nbsp;
+          { paginationEnd }&nbsp;
+          { translate('INDEX.OF') }&nbsp;
+          { this.props.ActiveCoin.txhistory.length }&nbsp;
           { translate('INDEX.ENTRIES_SM') }
         </div>
       </div>