You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
2.3 KiB
61 lines
2.3 KiB
import React from 'react';
|
|
import { translate } from '../../translate/translate';
|
|
import {
|
|
dashboardChangeActiveCoin,
|
|
iguanaActiveHandle,
|
|
getAddressesByAccount,
|
|
getSyncInfo,
|
|
startInterval,
|
|
stopInterval,
|
|
iguanaEdexBalance
|
|
} from '../../actions/actionCreators';
|
|
import Store from '../../store';
|
|
|
|
class CoinTileItem extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
};
|
|
}
|
|
|
|
dashboardChangeActiveCoin(coin, mode) {
|
|
if (mode === 'full' && coin !== this.props.ActiveCoin.coin) {
|
|
Store.dispatch(stopInterval('sync', this.props.Interval.interval));
|
|
var _iguanaActiveHandle = setInterval(function() {
|
|
Store.dispatch(getSyncInfo(coin));
|
|
}, 3000);
|
|
Store.dispatch(startInterval('sync', _iguanaActiveHandle));
|
|
} else {
|
|
Store.dispatch(stopInterval('sync', this.props.Interval.interval));
|
|
}
|
|
|
|
Store.dispatch(dashboardChangeActiveCoin(coin, mode));
|
|
Store.dispatch(iguanaActiveHandle(true));
|
|
Store.dispatch(getAddressesByAccount(coin));
|
|
Store.dispatch(iguanaEdexBalance(coin));
|
|
|
|
/*this.setState(Object.assign({}, this.state, {
|
|
activeHandleInterval: _iguanaActiveHandle,
|
|
}));*/
|
|
}
|
|
|
|
render() {
|
|
const { item } = this.props;
|
|
|
|
return (
|
|
<div className="list-group-item col-xlg-6 col-lg-12 wallet-widgets-info" data-edexcoincode="{item.coin}">
|
|
<div className={this.props.ActiveCoin.coin === item.coin ? 'widget widget-shadow active' : 'widget widget-shadow'}>
|
|
<div className="widget-content text-center bg-white padding-20 edexcoin-logo" data-edexcoincode="{item.coin}" data-edexcoinmodecode="{item.modecode}" data-edexcoinname="{item.coinname}" onClick={() => this.dashboardChangeActiveCoin(item.coin, item.mode)}>
|
|
<a className="avatar margin-bottom-5" href="javascript:void(0)" id="edexcoin-logo">
|
|
<img className="img-responsive" src={'assets/images/cryptologo/' + item.coinlogo + '.png'} alt="{item.coinname}"/>
|
|
<span className={'badge up badge-' + item.modecolor} id="basfull" data-edexcoincode="{item.coin}" data-toggle="tooltip" data-placement="top" data-original-title="{item.modetip}">{item.modecode}</span>
|
|
</a>
|
|
<div className="coin-name">{item.coinname} ({item.coinlogo})</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default CoinTileItem;
|
|
|