import React from 'react' import { Helmet } from 'react-helmet' import { connect } from 'react-redux' import { addData } from '../../../actions/index' import { history } from '../../../index' class AdminSportsAdd extends React.Component { componentDidMount() { } render() { const { message, onAddSport } = this.props return (
FitTrackee - Admin - Add Sport

Administration - Sport

{message && ( {message} )}
Add a sport
event.preventDefault()} >
onAddSport(event)} value="Submit" /> history.push('/admin/sports')} value="Cancel" />
) } } export default connect( state => ({ message: state.message, user: state.user, }), dispatch => ({ onAddSport: e => { const data = { label: e.target.form.label.value } dispatch(addData('sports', data)) }, }) )(AdminSportsAdd)