import { createSlice, PayloadAction } from "@reduxjs/toolkit";

import { TaskItemT } from "../../types";

const initialState: { tasks: TaskItemT[] } = {
  tasks: [],
};

export const todoSlice = createSlice({
  name: "todo",
  initialState: initialState,
  reducers: {
    hydrate: (state, { payload }) => {
      state.tasks = payload;
    },
    add: (state, { payload }: PayloadAction<string>) => {
      const newId = (state.tasks[state.tasks.length - 1]?.id ?? -1) + 1;

      state.tasks.push({
        done: false,
        text: payload,
        id: newId,
      });
    },
    updateText: (
      state,
      { payload }: PayloadAction<{ index: number; text: string }>
    ) => {
      state.tasks[payload.index].text = payload.text;
    },
    markDone: (
      state,
      { payload }: PayloadAction<{ index: number; value: boolean }>
    ) => {
      state.tasks[payload.index].done = payload.value;
    },
    remove: (state, { payload }: PayloadAction<number>) => {
      state.tasks.splice(payload, 1);
    },
  },
});

export const { hydrate, add, updateText, markDone, remove } = todoSlice.actions;

export default todoSlice.reducer;