46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
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;
|