diff --git a/react/src/components/dashboard/coinTile/coinTile.js b/react/src/components/dashboard/coinTile/coinTile.js index 21e0dbf..8c44819 100755 --- a/react/src/components/dashboard/coinTile/coinTile.js +++ b/react/src/components/dashboard/coinTile/coinTile.js @@ -1,4 +1,5 @@ import React from 'react'; +import { connect } from 'react-redux'; import { getCoinTitle, getModeInfo @@ -8,10 +9,8 @@ import CoinTileItem from './coinTileItem'; import CoinTileRender from './coinTile.render'; class CoinTile extends React.Component { - constructor(props) { - super(props); - this.state = { - }; + constructor() { + super(); this.renderTiles = this.renderTiles.bind(this); } @@ -21,11 +20,10 @@ class CoinTile extends React.Component { 'basilisk', 'full' ]; - const allCoins = this.props.Main.coins; + const allCoins = this.props.allCoins; let items = []; - if (this.props.Main && - allCoins) { + if (allCoins) { modes.map(function(mode) { allCoins[mode].map(function(coin) { const _coinMode = getModeInfo(mode), @@ -56,7 +54,7 @@ class CoinTile extends React.Component { key={ i } i={ i } item={ item } - {...this.props} />) + />) ); } @@ -64,5 +62,12 @@ class CoinTile extends React.Component { return CoinTileRender.call(this); } } +const mapStateToProps = (state) => { + return { + allCoins: state.Main.coins, + }; + +}; + +export default connect(mapStateToProps)(CoinTile); -export default CoinTile; diff --git a/react/src/components/dashboard/coinTile/coinTileItem.js b/react/src/components/dashboard/coinTile/coinTileItem.js index e270774..c005cf4 100644 --- a/react/src/components/dashboard/coinTile/coinTileItem.js +++ b/react/src/components/dashboard/coinTile/coinTileItem.js @@ -1,4 +1,5 @@ import React from 'react'; +import { connect } from 'react-redux'; import { dashboardChangeActiveCoin, iguanaActiveHandle, @@ -30,10 +31,8 @@ const IGUNA_ACTIVE_HANDLE_TIMEOUT_KMD_NATIVE = 15000; const NATIVE_MIN_SYNC_PERCENTAGE_THRESHOLD = 90; class CoinTileItem extends React.Component { - constructor(props) { - super(props); - this.state = { - }; + constructor() { + super(); } // TODO: 1) cache native/full node data to file @@ -196,5 +195,19 @@ class CoinTileItem extends React.Component { return CoinTileItemRender.call(this); } } +const mapStateToProps = (state) => { + return { + ActiveCoin: { + coin: state.ActiveCoin.coin, + addresses: state.ActiveCoin.addresses, + mainBasiliskAddress: state.ActiveCoin.mainBasiliskAddress + }, + Dashboard: state.Dashboard, + Interval: { + interval: state.Interval.interval + } + }; + +}; -export default CoinTileItem; +export default connect(mapStateToProps)(CoinTileItem); \ No newline at end of file diff --git a/react/src/components/dashboard/main/dashboard.render.js b/react/src/components/dashboard/main/dashboard.render.js index 160f8b3..c5cd9c2 100644 --- a/react/src/components/dashboard/main/dashboard.render.js +++ b/react/src/components/dashboard/main/dashboard.render.js @@ -26,7 +26,7 @@ const DashboardRender = function() {
- + { !this.isNativeMode() && } { !this.isNativeMode() && }