Todo mutation

todo.js

 handleCompletedClick = () => {
    const originalTodo = Object.assign({}, this.props.todo);
    let todo = this.props.todo;
    todo.completed = true
    this.props.update(todo, originalTodo);
  }

 
 export const updateTodo = (todo, originalTodo) => {
  const url = 'http://localhost:3001/todos/' + todo.id;
  return (dispatch, state) => {
    dispatch(sendUpdateTodo(true));
    dispatch(modifyTodo(todo));

    fetch(url,{
      method: 'PUT',
      credentials: 'include',
      headers: {
        'Content-Type': 'application/json',
        'Authorization': `Bearer ${state().authentication.jwt}`
      },
      body: JSON.stringify({
        id: todo.id,
        text: todo.text,
        completed: todo.completed,
        tag: todo.tag
      })
    })
      .then(utils.checkStatus)
      .then(utils.parseJSON)
      .then((todo) => {
        dispatch(sendUpdateTodo(false));
        dispatch(modifyTodo(todo));
      })
      .catch((error) => {
        dispatch(sendUpdateIsFailureTodo(error));
        dispatch(modifyTodo(originalTodo));
      });
  };
}