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)