#90 set up task reducer & types & actions

planner-front/src/components/MyTasksCompoments/TableRowTask/TableRowTask.js

@@ -339,8 +339,10 @@ const TableRowTask= ({
                         </TableCell>
 
                         {/* Edit option datetimeTask */}
-                    {/* <TableCell style={{width:'0%'}}>
-                          <Tooltip title="Редактировать Копию">
+                    <TableCell 
+                    // style={{width:'0%'}}
+                    >
+                          {/* <Tooltip title="Редактировать Копию">
                             {task.isEditMode ? (
                               <IconButton
                                 aria-label="done"
@@ -359,9 +361,9 @@ const TableRowTask= ({
                                 <Edit />
                               </IconButton>
                             )}
-                          </Tooltip>
-                        </TableCell > */}
-
+                          </Tooltip> */}
+                        </TableCell >
+                        
                         {/* delete option datetimeTask  */}
                         {task.author.id===user.id  ?
                         (<TableCell style={{width:'0%'}}>

planner-front/src/containers/MyTasks/MyTasks.js

@@ -13,7 +13,7 @@ import TaskModal from "../../components/MyTasksCompoments/TaskModal/TaskModal";
 import EnhancedTableHead from "./MyTasksHeader/MyTasksHeader";
 import moment from "moment";
 import MyTaskToolBar from "../../components/MyTasksCompoments/MyTaskToolBar";
-import { fetchAllTasks, deleteTask,editTask} from "../../store/actions/tasksActions";
+import { fetchAllTasks, deleteTask,editTask, deleteDateTimeTask} from "../../store/actions/tasksActions";
 import NewTaskForm from "../../components/MyTasksCompoments/NewTaskForm";
 import TableRowTask from "../../components/MyTasksCompoments/TableRowTask/TableRowTask";
 
@@ -44,7 +44,7 @@ export default function EnhancedTable() {
     if (tasks && tasks?.length > 0) {
       setRecievedTasks(tasks);
       }
-}, [tasks?.length]);
+}, [dispatch, tasks?.length]);
 
 useEffect(() => {
   dispatch(fetchAllTasks());
@@ -162,9 +162,9 @@ useEffect(() => {
     dispatch(deleteTask(id));
   };
 
-  const deleteDateTimeTask=(dateTImeTaskId)=>{
-    console.log('delete by dateTImeTaskId')
-    // dispatch(deleteDateTimeTask(dateTImeTaskId))
+  const deleteDateTimeTaskHandle=(dateTimeTaskId)=>{
+    console.log('delete by dateTimeTaskId ', dateTimeTaskId)
+    dispatch(deleteDateTimeTask(dateTimeTaskId))
   }
 
   const handleEditDateTimeTask=(dateTimeTask)=>{
@@ -272,7 +272,7 @@ console.log('tasks', tasks)
                       deleteHandle={deleteHandle}
                       handleEditTask ={handleEditTask}
                       handleEditDateTimeTask={handleEditDateTimeTask}
-                      deleteDateTimeTask={deleteDateTimeTask}
+                      deleteDateTimeTask={deleteDateTimeTaskHandle}
                       onChange={onChange}
                       onModalOpen={onModalOpen}
                       onProjectChange={onProjectChange}

planner-front/src/store/actionTypes/tasksTypes.js

@@ -22,6 +22,6 @@ export const DELETE_TASK_FAILURE = "DELETE_TASK_FAILURE";
 
 export const EDIT_CALENDAR_TASK = "EDIT_CALENDAR_TASK";
 
-export const DELETE_COPYTASK_REQUEST = "DELETE_TASK_REQUEST";
-export const DELETE_COPYTASK_SUCCESS = "DELETE_TASK_SUCCESS";
-export const DELETE_COPYTASK_FAILURE = "DELETE_TASK_FAILURE";
\ No newline at end of file
+export const DELETE_DATETIMETASK_REQUEST = "DELETE_TASK_REQUEST";
+export const DELETE_DATETIMETASK_SUCCESS = "DELETE_TASK_SUCCESS";
+export const DELETE_DATETIMETASK_FAILURE = "DELETE_TASK_FAILURE";
\ No newline at end of file

planner-front/src/store/actions/tasksActions.js

@@ -14,7 +14,10 @@ import {
   FETCH_ALL_TASKS_SUCCESS,
   FETCH_TASKS_BY_PROJECT_SUCCESS,
   FETCH_TASKS_BY_PROJECT_FAILURE,
-  FETCH_TASKS_BY_PROJECT_REQUEST
+  FETCH_TASKS_BY_PROJECT_REQUEST,
+  DELETE_DATETIMETASK_FAILURE,
+  DELETE_DATETIMETASK_SUCCESS,
+  DELETE_DATETIMETASK_REQUEST,
   } from "../actionTypes/tasksTypes";
 import axios from '../../axiosPlanner'
 
@@ -209,4 +212,31 @@ export const fetchTasksByProject = (projects) => {
         dispatch(fetchTasksByProjectFailure(error.response.data));
       }
   }
-}
\ No newline at end of file
+}
+
+
+
+const deleteDateTimeTaskRequest = () => {
+  return {type: DELETE_DATETIMETASK_REQUEST}
+};
+ 
+const deleteDateTimeTaskSuccess = () => {
+  return {type: DELETE_DATETIMETASK_SUCCESS}
+};
+
+const deleteDateTimeTaskFailure = (error) => {
+  return {type: DELETE_DATETIMETASK_FAILURE, error}
+};
+
+export const deleteDateTimeTask = (dateTimeTaskId) => {
+  return async (dispatch) => {
+      dispatch(deleteDateTimeTaskRequest());
+      try {
+        await axios.delete(`/copy-tasks/${dateTimeTaskId}`);
+        dispatch(deleteDateTimeTaskSuccess())
+        dispatch(fetchAllTasks())
+      } catch (error) {
+        dispatch(deleteDateTimeTaskFailure(error.response.data));
+      }
+  }
+}

planner-front/src/store/reducers/tasksReducer.js

@@ -15,7 +15,10 @@ import {
   EDIT_CALENDAR_TASK,
   FETCH_TASKS_BY_PROJECT_REQUEST,
   FETCH_TASKS_BY_PROJECT_SUCCESS,
-  FETCH_TASKS_BY_PROJECT_FAILURE 
+  FETCH_TASKS_BY_PROJECT_FAILURE,
+  DELETE_DATETIMETASK_FAILURE,
+  DELETE_DATETIMETASK_SUCCESS,
+  DELETE_DATETIMETASK_REQUEST 
 } from "../actionTypes/tasksTypes";
 
 const initialState = {
@@ -102,6 +105,12 @@ const tasksReduсer = (state = initialState, action) => {
       return {...state, loading: true};
     case DELETE_TASK_FAILURE:
       return {...state, loading: false, error: action.error};
+    case DELETE_DATETIMETASK_SUCCESS:
+      return {...state, loading: false};
+    case DELETE_DATETIMETASK_REQUEST:
+      return {...state, loading: true};
+    case DELETE_DATETIMETASK_FAILURE:
+      return {...state, loading: false, error: action.error};
     default: 
         return state;
 }