import { format } from 'date-fns' import React from 'react' import { connect } from 'react-redux' import { Helmet } from 'react-helmet' import Message from '../../Common/Message' import { history } from '../../../index' import { getOrUpdateData } from '../../../actions' class AdminUsers extends React.Component { componentDidMount() { this.props.loadUsers() } render() { const { message, t, users } = this.props return (
FitTrackee - {t('administration:Administration')} {message && }
{users.map(user => ( ))}
{t('administration:id')} {t('user:Username')} {t('user:Email')} {t('user:Registration Date')} {t('activities:Activities')}
{user.id} {user.username} {user.email} {user.created_at ? format( new Date(user.created_at), 'dd/MM/yyyy HH:mm' ) : ''} {user.nb_activities}
history.push('/admin/')} value={t('administration:Back')} />
) } } export default connect( state => ({ message: state.message, users: state.users.data, }), dispatch => ({ loadUsers: () => { dispatch(getOrUpdateData('getData', 'users')) }, }) )(AdminUsers)