30 lines
1.0 KiB
TypeScript
30 lines
1.0 KiB
TypeScript
import { createSlice } from '@reduxjs/toolkit';
|
|
import type {PayloadAction} from '@reduxjs/toolkit';
|
|
interface ListsState {
|
|
lists: string[][]; // хранит перемещаемые элементы каждого списка ответов
|
|
}
|
|
|
|
const initialState: ListsState = {
|
|
lists: [],
|
|
};
|
|
|
|
const listsSlice = createSlice({
|
|
name: 'lists',
|
|
initialState,
|
|
reducers: {
|
|
addList: (state, action: PayloadAction<{index: number; items: string[]}>)=>{
|
|
const { index, items } = action.payload;
|
|
state.lists.splice(index, 0, items);
|
|
},
|
|
setDraggedItems: (state, action: PayloadAction<{ index: number; items: string[] }>) => {
|
|
const { index, items } = action.payload;
|
|
if (index >= 0 && index < state.lists.length) {
|
|
state.lists[index] = items; // обновляем конкретный список
|
|
}
|
|
},
|
|
},
|
|
});
|
|
|
|
// Экспортируем действия и редьюсер
|
|
export const { addList, setDraggedItems } = listsSlice.actions;
|
|
export default listsSlice.reducer; |