51 lines
1.2 KiB
React
51 lines
1.2 KiB
React
|
import { format } from 'date-fns'
|
||
|
|
import React from 'react'
|
||
|
|
import { connect } from 'react-redux'
|
||
|
|
|
||
|
|
import { getStats } from '../../../actions/stats'
|
||
|
|
import { formatStats } from '../../../utils'
|
||
|
|
import StatsChart from './StatsChart'
|
||
|
|
|
||
|
|
|
||
|
|
class Statistics extends React.PureComponent {
|
||
|
|
componentDidMount() {
|
||
|
|
this.props.loadMonthActivities(
|
||
|
|
this.props.user.id,
|
||
|
|
this.props.statsParams,
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { sports, statistics, statsParams } = this.props
|
||
|
|
const stats = formatStats(statistics, sports, statsParams)
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
{Object.keys(statistics).length === 0 ? (
|
||
|
|
'No workouts'
|
||
|
|
) : (
|
||
|
|
<StatsChart sports={sports} stats={stats} />
|
||
|
|
)}
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default connect(
|
||
|
|
state => ({
|
||
|
|
sports: state.sports.data,
|
||
|
|
statistics: state.statistics.data,
|
||
|
|
user: state.user,
|
||
|
|
}),
|
||
|
|
dispatch => ({
|
||
|
|
loadMonthActivities: (userId, data) => {
|
||
|
|
const dateFormat = 'YYYY-MM-DD'
|
||
|
|
const params = {
|
||
|
|
from: format(data.start, dateFormat),
|
||
|
|
to: format(data.end, dateFormat),
|
||
|
|
time: data.duration
|
||
|
|
}
|
||
|
|
dispatch(getStats(userId, data.type, params))
|
||
|
|
},
|
||
|
|
})
|
||
|
|
)(Statistics)
|