immer-reducer-1.js

import { generateDoorsContent } from "./utils";

const generateDoors = () => {
  const initialContent = generateDoorsContent();
  return [
    { behind: initialContent[0], isOpen: false },
    { behind: initialContent[1], isOpen: false },
    { behind: initialContent[2], isOpen: false }
  ];
};

export const INITIAL_STATE = {
  doors: generateDoors()
};

export const RESET = "RESET";
export const OPEN_DOOR = "OPEN_DOOR";
export const UNDO = "UNDO";

export const reducer = (state, action) => {
  return produce(
    state,
    (draft) => {
      switch (action.type) {
        case OPEN_DOOR: {
          const { index } = action.payload;

          draft.doors[index].isOpen = true;
          break;
        }
        case RESET: {
          draft.doors = generateDoors();
          break;
        }

        default:
          break;
      }
    }
  );
};