astuto/app/javascript/reducers/boardsReducer.ts

import {
  BoardsRequestActionTypes,
  BOARDS_REQUEST_START,
  BOARDS_REQUEST_SUCCESS,
  BOARDS_REQUEST_FAILURE,
} from '../actions/Board/requestBoards';

import {
  BoardSubmitActionTypes,
  BOARD_SUBMIT_SUCCESS,
} from '../actions/Board/submitBoard';

import {
  BoardUpdateActionTypes,
  BOARD_UPDATE_SUCCESS
} from '../actions/Board/updateBoard';

import {
  BoardOrderUpdateActionTypes,
  BOARD_ORDER_UPDATE_START,
  BOARD_ORDER_UPDATE_FAILURE,
} from '../actions/Board/updateBoardOrder';

import {
  BoardDeleteActionTypes,
  BOARD_DELETE_SUCCESS,
} from '../actions/Board/deleteBoard';

import IBoard from "../interfaces/IBoard";

export interface BoardsState {
  items: Array<IBoard>;
  areLoading: boolean;
  error: string;
}

const initialState: BoardsState = {
  items: [],
  areLoading: false,
  error: '',
};

const boardsReducer = (
  state = initialState,
  action:
    BoardsRequestActionTypes |
    BoardSubmitActionTypes |
    BoardUpdateActionTypes |
    BoardOrderUpdateActionTypes |
    BoardDeleteActionTypes
) => {
  switch (action.type) {
    case BOARDS_REQUEST_START:
      return {
        ...state,
        areLoading: true,
      };

    case BOARDS_REQUEST_SUCCESS:
      return {
        ...state,
        items: action.boards.map(board => ({
          id: board.id,
          name: board.name,
          description: board.description,
          slug: board.slug,
        })),
        areLoading: false,
        error: '',
      };

    case BOARDS_REQUEST_FAILURE:
      return {
        ...state,
        areLoading: false,
        error: action.error,
      };

    case BOARD_SUBMIT_SUCCESS:
      return {
        ...state,
        items: [...state.items, action.board],
      };

    case BOARD_UPDATE_SUCCESS:
      return {
        ...state,
        items: state.items.map(board => {
          if (board.id !== action.board.id) return board;
          return {...board, name: action.board.name, description: action.board.description};
        }),
      };

    case BOARD_ORDER_UPDATE_START:
      return {
        ...state,
        items: action.newOrder,
      };

    case BOARD_ORDER_UPDATE_FAILURE:
      return {
        ...state,
        items: action.oldOrder,
      };

    case BOARD_DELETE_SUCCESS:
      return {
        ...state,
        items: state.items.filter(board => board.id !== action.id),
      };

    default:
      return state;
  }
}

export default boardsReducer;