From 079f302a8ccf3399b290b02e66b18f1eb80cad09 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Sun, 21 May 2017 15:19:31 +0300
Subject: [PATCH] addcoin disabled modes behaviour fix
---
react/src/components/addcoin/addcoin.js | 24 ++++++++++++++++--------
1 file changed, 16 insertions(+), 8 deletions(-)
diff --git a/react/src/components/addcoin/addcoin.js b/react/src/components/addcoin/addcoin.js
index 09b2686..2e0060f 100644
--- a/react/src/components/addcoin/addcoin.js
+++ b/react/src/components/addcoin/addcoin.js
@@ -12,6 +12,8 @@ import AddCoinOptionsCrypto from './addcoinOptionsCrypto';
import AddCoinOptionsAC from './addcoinOptionsAC';
import AddCoinOptionsACFiat from './addcoinOptionsACFiat';
+// TODO: fix add coin bug
+
class AddCoin extends React.Component {
constructor(props) {
super(props);
@@ -69,7 +71,6 @@ class AddCoin extends React.Component {
}
toggleSyncOnlyMode(index) {
- console.log(index);
let _coins = this.state.coins;
_coins[index] = Object.assign({}, _coins[index], {
@@ -146,15 +147,15 @@ class AddCoin extends React.Component {
_coins[index] = {
selectedCoin: _coins[index].selectedCoin,
fullMode: {
- ...this.state.fullMode,
+ disabled: _coins[index].selectedCoin.indexOf('full') > -1 ? false : true,
checked: _value === '1' ? true : false,
},
basiliskMode: {
- ...this.state.basiliskMode,
+ disabled: _coins[index].selectedCoin.indexOf('basilisk') > -1 ? false : true,
checked: _value === '0' ? true : false,
},
nativeMode: {
- ...this.state.nativeMode,
+ disabled: _coins[index].selectedCoin.indexOf('native') > -1 ? false : true,
checked: _value === '-1' ? true : false,
},
mode: _value,
@@ -165,7 +166,13 @@ class AddCoin extends React.Component {
coins: _coins
}));
- console.log(this.state.coins);
+ console.log(_coins[index]);
+ }
+
+ handleKeydown(e) {
+ if (e.key === 'Escape') {
+ this.dismiss();
+ }
}
activateCoin() {
@@ -242,7 +249,7 @@ class AddCoin extends React.Component {
const _coin = _item.selectedCoin || '';
items.push(
- <div className={this.state.coins.length > 1 ? 'multi' : 'single'} key={'add-coin-' + i}>
+ <div className={ this.state.coins.length > 1 ? 'multi' : 'single' } key={ 'add-coin-' + i }>
<div className="col-sm-8">
<div className="form-group">
<select
@@ -250,7 +257,8 @@ class AddCoin extends React.Component {
name="selectedCoin"
id="addcoin_select_coin_mdl_options-login"
value={ _coin }
- onChange={ (event) => this.updateSelectedCoin(event, i) }>
+ onChange={ (event) => this.updateSelectedCoin(event, i) }
+ autoFocus>
<option>{ translate('INDEX.SELECT') }</option>
<AddCoinOptionsCrypto />
<AddCoinOptionsAC />
@@ -375,7 +383,7 @@ class AddCoin extends React.Component {
render() {
return (
- <div>
+ <div onKeyDown={ (event) => this.handleKeydown(event) }>
<div
className={ 'modal modal-3d-sign add-coin-modal ' + this.state.modalClassName }
id="AddCoinDilogModel-login"