import { createAsyncThunk, createSlice } from "@reduxjs/toolkit"; import { apiRequest } from "../api/request"; const initialState = { projects: [], projectBoard: {}, toggleTab: 1, modalType: "", boardLoader: false, columnName: "", columnId: 0 }; 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); }, setToggleTab: (state, action) => { state.toggleTab = action.payload; }, deleteProject: (state, action) => { state.projects.forEach((project) => { if (project.id === action.payload.id) { project.status = 10; } }); }, deletePersonOnProject: (state,action) => { state.projectBoard.projectUsers = state.projectBoard.projectUsers.filter((person) => person.user_id !== action.payload) }, addPersonToProject: (state, action) => { state.projectBoard.projectUsers.push(action.payload) }, activeLoader: (state) => { state.boardLoader = true; }, 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 ); } }); }, setColumnName: (state, action) => { state.columnName = action.payload }, setColumnId: (state, action) => { state.columnId = action.payload }, editProjectName: (state, action) => { state.projects.forEach((project) => { if (project.id === action.payload.id) { project.name = action.payload.name; } }); }, editColumnName: (state, action) => { state.projectBoard.columns.forEach((column) => { if (column.id === action.payload.id) { column.title = action.payload.title } }) }, modalToggle: (state, action) => { state.modalType = action.payload; }, }, extraReducers: { [setProjectBoardFetch.fulfilled]: (state, action) => { state.projectBoard = action.payload; state.boardLoader = false; }, }, }); export const { setProject, setColumnName, deleteProject, setAllProjects, moveProjectTask, setToggleTab, modalToggle, activeLoader, editProjectName, editColumnName, setColumnId, deletePersonOnProject, addPersonToProject } = projectsTrackerSlice.actions; export const getProjects = (state) => state.tracker.projects; export const getProjectBoard = (state) => state.tracker.projectBoard; export const getToggleTab = (state) => state.tracker.toggleTab; export const getValueModalType = (state) => state.tracker.modalType; export const getBoarderLoader = (state) => state.tracker.boardLoader; export const getColumnName = (state) => state.tracker.columnName; export const getColumnId = (state) => state.tracker.columnId; export default projectsTrackerSlice.reducer;