import { API_REQUEST } from '../actions/api';

// this middleware care only for API calls
export const api = ({ dispatch }) => next => action => {
	if (action.type === API_REQUEST) {
		const { method, url, onSuccess, onError } = action.meta;

		fetch(url, {
			method,
			...(method === 'POST' ? { body: JSON.stringify(action.payload) } : {}),
			headers: {
				...(method === 'POST' ? { 'Content-Type': 'application/json' } : {})
			}
		})
			.then(response => response.json())
			.then(data => dispatch({ type: onSuccess, payload: data }))
			.catch(error => dispatch({ type: onError, payload: error }));
	}
	return next(action);
};