import { createAsyncThunk, createSlice } from "@reduxjs/toolkit"; import {apiRequest} from "../api/request"; const initialState = { projects: [], projectBoard: {} }; export const setProjectBoardFetch = createAsyncThunk( 'userInfo', (id) => apiRequest(`/project/get-project?project_id=${id}&expand=columns`) ); export const projectsTrackerSlice = createSlice({ name: "projectsTracker", initialState, reducers: { setAllProjects: (state, action) => { state.projects = action.payload }, setProject: (state, action) => { state.projects.push(action.payload); }, deleteProject: (state, action) => { console.log(action.payload) state.projects = state.projects.filter((project) => project.id !== action.payload.id) }, moveProjectTask: (state, action) => { state.projectBoard.columns.forEach((column, index) => { if (column.id === action.payload.columnId) { column.tasks.push(action.payload.startWrapperIndex.task) apiRequest(`/task/update-task`, { method: 'PUT', data: { task_id: action.payload.startWrapperIndex.task.id, column_id: column.id } }).then((res) => { }) } if (column.id === action.payload.startWrapperIndex.index) { state.projectBoard.columns[index].tasks = column.tasks.filter((task)=> task.id !== action.payload.startWrapperIndex.task.id); } }) } }, extraReducers: { [setProjectBoardFetch.fulfilled]: (state, action) => { state.projectBoard = action.payload } } }); export const { setProject, deleteProject, setAllProjects, moveProjectTask } = projectsTrackerSlice.actions; export const getProjects = (state) => state.tracker.projects; export const getProjectBoard = (state) => state.tracker.projectBoard; export default projectsTrackerSlice.reducer;