pageReducer.js

import * as Actions from './../../../constants/actionTypes';

const initialState = {
  pages: [],
};

const pageReducer = (state = initialState, action) => {
  switch (action.type) {
    // New page open
    case Actions.ADD_PAGE: {
      return {
        ...state,
        pages: [action.payload, ...state.pages],
      };
    }
    case Actions.REMOVE_PAGE: {
      return {
        ...state,
        pages: state.pages.filter((page) => page.id !== action.payload),
      };
    }
    case Actions.ADD_CONTENT: {
      const pageId = state.pages.findIndex(
        (page) => page.id === action.payload.pageId
      );

      const newPages = [...state.pages];
      newPages[pageId].content.push(action.payload.content);

      return {
        ...state,
        pages: newPages,
      };
    }
    case Actions.DELETE_CONTENT: {
      const pageId = state.pages.findIndex(
        (page) => page.id === action.payload.pageId
      );
      const newContent = state.pages[pageId].content.filter(
        (item) => item.id !== action.payload.contentId
      );

      const newPages = [...state.pages];
      newPages[pageId].content = newContent;

      return {
        ...state,
        pages: newPages,
      };
    }
    case Actions.UPDATE_PROGRESS: {
      const pageId = state.pages.findIndex(
        (page) => page.id === action.payload.pageId
      );

      const newPages = [...state.pages];
      newPages[pageId].progress = action.payload.progress;

      return {
        ...state,
        pages: newPages,
      };
    }
    default:
      return state;
  }
};

export default pageReducer;