import {
	SEND_PARTICIPATION,
	SEND_PARTICIPATION_SUCCESS,
	SEND_PARTICIPATION_ERROR
} from '../actions/participate';
import { showSpinner, hideSpinner, toggleParticipated } from '../actions/ui';


export const sendParticipationFlow = ({ dispatch }) => next => action => {
	next(action);

	if (action.type === SEND_PARTICIPATION) {
		const formData = new FormData();
		for (let key of Object.getOwnPropertyNames(action.payload)) {
			formData.append(key, action.payload[key])
		}
		fetch('/participate/',
			{ method: "POST", body: formData }
		)
			.then(response => response.json())
			.then(data => dispatch({ type: SEND_PARTICIPATION_SUCCESS, payload: data }))
			.catch(error => dispatch({ type: SEND_PARTICIPATION_ERROR, payload: error }))

		dispatch(showSpinner());
		dispatch(toggleParticipated(false));
	}
};

export const successfulParticipationFlow = ({ dispatch }) => next => action => {
	next(action);

	if (action.type === SEND_PARTICIPATION_SUCCESS) {
		dispatch(hideSpinner());
		dispatch(toggleParticipated(true));
	}
};

export const participateMdl = [sendParticipationFlow, successfulParticipationFlow];