hide syncOnly option from dropdowns if not in exp mode

react/src/components/addcoin/addcoin.js

@@ -43,6 +43,7 @@ class AddCoin extends React.Component {
       display: false,
       actionsMenu: false,
       modalClassName: 'hide',
+      isExperimentalOn: false,
     };
     this.existingCoins = null;
     this.activateCoin = this.activateCoin.bind(this);
@@ -113,6 +114,16 @@ class AddCoin extends React.Component {
 
   componentWillMount() {
     this.addNewItem();
+
+    let appConfig;
+
+    try {
+      appConfig = window.require('electron').remote.getCurrentWindow().appConfig;
+    } catch (e) {}
+
+    this.setState({
+      isExperimentalOn: appConfig.experimentalFeatures,
+    });
   }
 
   componentWillReceiveProps(props) {

react/src/components/addcoin/coin-selectors.render.js

@@ -5,14 +5,8 @@ import AddCoinOptionsAC from '../addcoin/addcoinOptionsAC';
 import AddCoinOptionsACFiat from '../addcoin/addcoinOptionsACFiat';
 
 const CoinSelectorsRender = function(item, coin, i) {
-  const isWindows = this.props.Settings && this.props.Settings.appInfo && this.props.Settings.appInfo.sysInfo && this.props.Settings.appInfo.sysInfo.platform === 'win32';
-  let appConfig;
-
-  try {
-    appConfig = window.require('electron').remote.getCurrentWindow().appConfig;
-  } catch (e) {}
-
-  const hideFullModeBtn = item && item.selectedCoin && item.selectedCoin.indexOf('|full') === -1 || !appConfig.experimentalFeatures ? true : false;
+  // const isWindows = this.props.Settings && this.props.Settings.appInfo && this.props.Settings.appInfo.sysInfo && this.props.Settings.appInfo.sysInfo.platform === 'win32';
+  const hideFullModeBtn = item && item.selectedCoin && item.selectedCoin.indexOf('|full') === -1 || !this.state.isExperimentalOn ? true : false;
 
   return (
     <div
@@ -176,7 +170,7 @@ const CoinSelectorsRender = function(item, coin, i) {
           </select>
         </div>
       </div>
-      <div className={ item.mode === '1' || item.mode === 1 ? 'col-sm-12' : 'hide' }>
+      <div className={ (item.mode === '1' || item.mode === 1) && this.state.isExperimentalOn ? 'col-sm-12' : 'hide' }>
         <div className="toggle-box padding-top-3 padding-bottom-10">
           <span className="pointer">
             <label className="switch">
@@ -198,4 +192,5 @@ const CoinSelectorsRender = function(item, coin, i) {
     </div>
   )
 };
+
 export default CoinSelectorsRender;

react/src/components/dashboard/navbar/navbar.js

@@ -21,6 +21,7 @@ class Navbar extends React.Component {
     this.state = {
       openDropMenu: false,
       nativeOnly: Config.iguanaLessMode,
+      isExperimentalOn: false,
     };
     this.openDropMenu = this.openDropMenu.bind(this);
     this.logout = this.logout.bind(this);
@@ -34,6 +35,16 @@ class Navbar extends React.Component {
       this.handleClickOutside,
       false
     );
+
+    let appConfig;
+
+    try {
+      appConfig = window.require('electron').remote.getCurrentWindow().appConfig;
+    } catch (e) {}
+
+    this.setState({
+      isExperimentalOn: appConfig.experimentalFeatures,
+    });
   }
 
   componentWillUnmount() {

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

@@ -99,7 +99,7 @@ const NavbarRender = function() {
                     <i className="icon md-settings"></i> { translate('INDEX.SETTINGS') }
                   </a>
                 </li>
-                <li className={ this.state.nativeOnly ? 'hide' : '' }>
+                <li className={ this.state.nativeOnly || !this.state.isExperimentalOn ? 'hide' : '' }>
                   <a onClick={ () => this.openSyncOnlyModal() }>
                     <i className="icon fa-cubes"></i> { translate('ADD_COIN.SYNC_ONLY') }
                   </a>

react/src/components/dashboard/sendCoin/sendCoin.js

@@ -789,7 +789,7 @@ class SendCoin extends React.Component {
       }
     }
 
-    return +_balance;
+    return _balance;
   }
 
   validateSendFormData() {

react/src/components/login/login.js

@@ -45,6 +45,7 @@ class Login extends React.Component {
       trimPassphraseTimer: null,
       displayLoginSettingsDropdown: false,
       displayLoginSettingsDropdownSection: null,
+      isExperimentalOn: false,
     };
     this.toggleActivateCoinForm = this.toggleActivateCoinForm.bind(this);
     this.updateRegisterConfirmPassPhraseInput = this.updateRegisterConfirmPassPhraseInput.bind(this);
@@ -118,6 +119,15 @@ class Login extends React.Component {
 
   componentDidMount() {
     Store.dispatch(iguanaActiveHandle(true));
+    let appConfig;
+
+    try {
+      appConfig = window.require('electron').remote.getCurrentWindow().appConfig;
+    } catch (e) {}
+
+    this.setState({
+      isExperimentalOn: appConfig.experimentalFeatures,
+    });
   }
 
   toggleSeedInputVisibility() {

react/src/components/login/login.render.js

@@ -5,8 +5,7 @@ import LoginSettingsModal from '../dashboard/loginSettingsModal/loginSettingsMod
 const LoginRender = function () {
   return (
     <div>
-      <LoginSettingsModal
-         section={ this.state.displayLoginSettingsDropdownSection } />
+      <LoginSettingsModal section={ this.state.displayLoginSettingsDropdownSection } />
       { this.renderSwallModal() }
       <div className="page animsition vertical-align text-center fade-in">
         <div className="page-content vertical-align-middle col-xs-12 col-sm-6 col-sm-offset-3">
@@ -35,7 +34,7 @@ const LoginRender = function () {
                     <i className="icon md-settings"></i> { translate('INDEX.SETTINGS') }
                   </a>
                 </li>
-                <li className={ this.state.nativeOnly ? 'hide' : '' }>
+                <li className={ this.state.nativeOnly || !this.state.isExperimentalOn ? 'hide' : '' }>
                   <a onClick={ this.openSyncOnlyModal }>
                     <i className="icon fa-cubes"></i> { translate('ADD_COIN.SYNC_ONLY') }
                   </a>