.js

import React, { Component } from 'react';
import { connect } from 'react-redux';

import Loading from '../../assets/img/loading.gif';


let contract_data = (data) => {
  if (data) {
    data.map(row => {
      console.log(row)
    })
  } 
  return data
}

const Dashboard = (props) => {
  let loading = props.data ? false : true;
  let data = contract_data(props.data)

  return (
    <Col xs={12} md={12} lg={12}>
      {/* loading bar */}
      <Row style={{ height: "30px" }}>
        {loading ? <img src={Loading} /> : ""}
      </Row>

      <Row>
        <Col xs={12} md={12} lg={12}>
          <code>{ JSON.stringify(data) } </code>
        </Col>
      </Row>
    </Col>
  )

}

const mapStateToProps = (state) => ({
  data: state.Candidates
})

export default connect(mapStateToProps)(Dashboard)