import React from 'react' import { Helmet } from 'react-helmet' import { connect } from 'react-redux' import ActivityCard from './ActivityCard' import Statistics from './Statistics' import { getData } from '../../actions/index' class DashBoard extends React.Component { componentDidMount() { this.props.loadActivities() } render() { const { activities, sports } = this.props return (
mpwo - Dashboard

Dashboard

{activities.length > 0 ? ( activities.map(activity => ( )) ) : ( 'No activities for now' )}
) } } export default connect( state => ({ activities: state.activities.data, message: state.message, sports: state.sports.data, user: state.user, }), dispatch => ({ loadActivities: () => { dispatch(getData('activities')) dispatch(getData('sports')) }, }) )(DashBoard)