Cointile props refactor

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) {
+  constructor() {
-    super(props);
+    super();
-    this.state = {
-    };
     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 &&
+    if (allCoins) {
-        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;

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) {
+  constructor() {
-    super(props);
+    super();
-    this.state = {
-    };
   }
 
   // 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);

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

@@ -26,7 +26,7 @@ const DashboardRender = function() {
         <Navbar />
         <CoindDownModal />
         <div className={ this.isSectionActive('wallets') ? 'show' : 'hide' }>
-          <CoinTile {...this.props} />
+          <CoinTile />
           <WalletsNav />
           { !this.isNativeMode() && <WalletsProgress {...this.props} /> }
           { !this.isNativeMode() && <WalletsBalance {...this.props} />}