const PostNotPut = (articleData, slug) => fetch(
  `${baseurl}/api/articles/${slug}/like/`,
  {
    method: 'POST',
    headers: myHeaders,
    body: JSON.stringify(articleData),
  },
)
  .then(res => res.json())
  .then(data => data);

export function likeArticle(articleData, slug) {
  return dispatch => fetch(
    `${baseurl}/api/articles/${slug}/like/`,
    {
      method: 'PUT',
      headers: myHeaders,
      body: JSON.stringify(articleData),
    },
  )
    .then(res => res.json())
    .then((data) => {
      if (data.errors) {
        const responseError = data.errors[0];
        if (responseError === 'cannot updatelike or dislike article') {
          return PostNotPut(articleData, slug);
        }
      } else {
        return data;
      }
    })
    .then(data => dispatch({
      type: ARTICLE_LIKED,
      payload: data,
    }));
}

export function dislikeArticle(articleData, slug) {
  return dispatch => fetch(
    `${baseurl}/api/articles/${slug}/like/`,
    {
      method: 'PUT',
      headers: myHeaders,
      body: JSON.stringify(articleData),
    },
  )
    .then(res => res.json())
    .then((data) => {
      if (data.errors) {
        const responseError = data.errors[0];
        if (responseError === 'cannot updatelike or dislike article') {
          return PostNotPut(articleData, slug);
        }
      } else {
        return data;
      }
    })
    .then((data) => {
      dispatch({
        type: ARTICLE_DISLIKED,
        payload: data,
      });
    });
}