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() {