import React from 'react' import { connect } from 'react-redux' import { Helmet } from 'react-helmet' import Message from '../../Common/Message' import { getOrUpdateData } from '../../../actions' import { history } from '../../../index' class AdminSports extends React.Component { componentDidMount() { this.props.loadSports() } render() { const { message, sports, t, updateSport } = this.props return (
FitTrackee - {t('administration:Administration')} {message && }
{sports.length > 0 && ( {sports.map(sport => ( ))}
{t('administration:id')} {t('administration:Image')} {t('administration:Label')} {t('administration:Active')} {t('administration:Actions')}
{sport.id} sport logo {t(`sports:${sport.label}`)} {sport.is_active ? ( {sport._can_be_disabled ? ( updateSport(sport.id, !sport.is_active) } /> ) : ( {t('administration:activities exist')} )}
)} history.push('/admin/')} value={t('administration:Back')} />
) } } export default connect( state => ({ message: state.message, sports: state.sports.data, user: state.user, }), dispatch => ({ loadSports: () => { dispatch(getOrUpdateData('getData', 'sports')) }, updateSport: (sportId, isActive) => { const data = { id: sportId, is_active: isActive } dispatch(getOrUpdateData('updateData', 'sports', data, false)) }, }) )(AdminSports)