F1Manager-Calc/libs/reducers/configReducer.js

import { createSlice } from '@reduxjs/toolkit'
import {useSession} from "next-auth/react";

const getDefaultSlotConfig = i => ({
  id: i,
  slotNaming: `car_${i}`,
  slotTitle: `Slot ${i}`,
});
const totalSlots = 4;

export const configSlice = createSlice({
  name: 'config',
  initialState: {
    slots: Array.from(Array(totalSlots)).map((x, i) => getDefaultSlotConfig(i+1)),
  },
  reducers: {
    setSlots: (state,  { payload }) => {
      state.slots = payload
    },
    addSlot: (state) => {
      let nextAvailableSlotId = 1;
      for(const slot of state.slots) {
        if (nextAvailableSlotId === slot.id) {
          nextAvailableSlotId++;
        }
      }
      state.slots = [...state.slots, getDefaultSlotConfig(nextAvailableSlotId)]
    },
    renameSlot: (state, { payload: { id, slotTitle } }) => {
      state.slots = state.slots.map(
        (x, _idx) =>
          x.id === id ? {...x, slotTitle} : x
      )
    },
    removeSlot: (state, { payload: { id } }) => {
      state.slots = state.slots.filter((x) => x.id !== id )
    },
  },
})

// Action creators are generated for each case reducer function
export const {
  setSlots,
  renameSlot,
  addSlot,
  removeSlot,
} = configSlice.actions

export default configSlice.reducer