ustk-todolist/react/src/actions/todos.js

import { API_ROOT, getToken } from './util';

export const ADD_TODO = 'ADD_TODO';
export const REMOVE_TODO = 'REMOVE_TODO';
export const TOGGLE_TODO = 'TOGGLE_TODO';
export const EDIT_TODO = 'EDIT_TODO';
export const SET_VISIBILITY_FILTER = 'SET_VISIBILITY_FILTER';
export const RECIEVE_TODOS = 'RECIEVE_TODOS';
export const REQUEST_TODOS = 'REQUEST_TODOS';
export const INVALIDATE_TODOS = 'INVALIDATE_TODOS';
export const VALIDATE_TODOS = 'VALIDATE_TODOS';

export const VisibilityFilters = {
  SHOW_ALL: 'SHOW_ALL',
  SHOW_COMPLETED: 'SHOW_COMPLETED',
  SHOW_ACTIVE: 'SHOW_ACTIVE',
};

function toggleTodoInList(id) {
  return { type: TOGGLE_TODO, id };
}

export function setVisibilityFilter(filter) {
  return { type: SET_VISIBILITY_FILTER, filter };
}

function requestTodos(list) {
  return { type: REQUEST_TODOS, list };
}
function recieveTodos(list, todos) {
  return { type: RECIEVE_TODOS, list, todos };
}
function invalidateTodos() {
  return { type: INVALIDATE_TODOS };
}
function validateTodos() {
  return { type: VALIDATE_TODOS };
}

function addTodoToList(todo) {
  return { type: ADD_TODO, todo };
}

export function addTodo(text) {
  return async (dispatch, getState) => {
    const state = getState();
    const { list } = state.lists;
    if (list) {
      dispatch(invalidateTodos());
      const response = await fetch(`${API_ROOT}/lists/${list}/todos`, {
        body: JSON.stringify({ text }),
        headers: {
          Authorization: `Bearer ${getToken()}`,
          'content-type': 'application/json',
        },
        method: 'POST',
      });
      const json = await response.json();
      const todo = json.data;
      dispatch(addTodoToList(todo));
      dispatch(validateTodos());
    }
  };
}

function removeTodoFromList(id) {
  return { type: REMOVE_TODO, id };
}

export function removeTodo(id) {
  return async dispatch => {
    dispatch(invalidateTodos());
    const response = await fetch(`${API_ROOT}/todos/${id}`, {
      headers: {
        Authorization: `Bearer ${getToken()}`,
        'content-type': 'application/json',
      },
      method: 'DELETE',
    });
    const json = await response.json();
    if (json.success) {
      dispatch(removeTodoFromList(id));
    }
    dispatch(validateTodos());
  };
}

export function toggleTodo(id) {
  return async (dispatch, getState) => {
    dispatch(invalidateTodos());
    const state = getState();
    const listObj = state.lists.lists[state.lists.list];
    const todoObj = listObj.todos.find(todo => todo.id === id);
    const completed = !todoObj.completed;
    const response = await fetch(`${API_ROOT}/todos/${id}`, {
      body: JSON.stringify({ completed }),
      headers: {
        Authorization: `Bearer ${getToken()}`,
        'content-type': 'application/json',
      },
      method: 'PATCH',
    });
    const json = await response.json();
    if (json.success) {
      dispatch(toggleTodoInList(id));
    }
    dispatch(validateTodos());
  };
}

function editTodoInList(id, todo) {
  return { type: EDIT_TODO, id, todo };
}

export function editTodo(id, text) {
  return async dispatch => {
    dispatch(invalidateTodos());
    const response = await fetch(`${API_ROOT}/todos/${id}`, {
      body: JSON.stringify({ text }),
      headers: {
        Authorization: `Bearer ${getToken()}`,
        'content-type': 'application/json',
      },
      method: 'PATCH',
    });
    const json = await response.json();
    if (json.success) {
      const todo = json.data;
      dispatch(editTodoInList(id, todo));
    }
    dispatch(validateTodos());
  };
}

export function fetchTodos(list) {
  return async dispatch => {
    dispatch(requestTodos(list));
    const response = await fetch(`${API_ROOT}/lists/${list.id}/todos`, {
      headers: {
        Authorization: `Bearer ${getToken()}`,
      },
    });
    const json = await response.json();
    const todos = json.data;
    dispatch(recieveTodos(list, todos));
  };
}