import React from 'react' import { connect } from 'react-redux' import { setLoading } from '../../../actions/index' import { addActivity, editActivity } from '../../../actions/activities' import { history } from '../../../index' import { gpxLimit } from '../../../utils' function FormWithGpx(props) { const { activity, loading, onAddActivity, onEditActivity, sports } = props const sportId = activity ? activity.sport_id : '' return (
) } export default connect( state => ({ loading: state.loading, }), dispatch => ({ onAddActivity: e => { dispatch(setLoading(true)) const form = new FormData() form.append('file', e.target.form.gpxFile.files[0]) /* prettier-ignore */ form.append( 'data', `{"sport_id": ${e.target.form.sport.value }, "notes": "${e.target.form.notes.value}"}` ) dispatch(addActivity(form)) }, onEditActivity: (e, activity) => { dispatch( editActivity({ id: activity.id, notes: e.target.form.notes.value, sport_id: +e.target.form.sport.value, title: e.target.form.title.value, }) ) }, }) )(FormWithGpx)