#89 added delete edit buttons to the fall out datetimeTals

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

@@ -13,6 +13,7 @@ import {
   
 } from "@mui/material";
 import { Done, Edit } from "@mui/icons-material";
+import RemoveIcon from '@mui/icons-material/Remove';
 import DeleteIcon from "@mui/icons-material/Delete";
 import moment from "moment";
 import CustomTableCell from "../CustomTableCell";
@@ -29,6 +30,8 @@ const TableRowTask= ({
   task,
   deleteHandle,
   handleEditTask, 
+  deleteDateTimeTask,
+  handleEditDateTimeTask,
   onChange,
   onModalOpen,
   onProjectChange,
@@ -56,6 +59,9 @@ const TableRowTask= ({
      return weekDays[date.day()];
   }
 
+  // const handleEditDateTimeTask =(dateTimeTask)=>{
+  //   console.log('edit handleEditDateTimeTask')
+  // }
 
 
     return (
@@ -304,13 +310,16 @@ const TableRowTask= ({
                 <Typography variant="h6" gutterBottom component="div">
                   Расписание
                 </Typography>
-                <Table size="small" aria-label="purchases">
+                <Table size="small" aria-label="purchases"   sx={{
+                  backgroundColor: "#ebebeb"}}>
                   <TableHead>
                     <TableRow>
                       <TableCell colSpan={10} >Дата создания</TableCell>
                       <TableCell align="right">День недели</TableCell>
                       <TableCell align="right">Начало</TableCell>
                       <TableCell align="center" colSpan={1}>Окончание</TableCell>
+                      <TableCell align="center" ></TableCell>
+                      <TableCell align="center" ></TableCell>
                     </TableRow>
                   </TableHead>
                   <TableBody>
@@ -332,6 +341,46 @@ const TableRowTask= ({
                         <TableCell align="center" colSpan={1}>
                           {timeTransform(dateTimeTask.dateTimeDue)}
                         </TableCell>
+
+                        {/* Edit option datetimeTask */}
+                    <TableCell style={{width:'0%'}}>
+                          <Tooltip title="Редактировать Копию">
+                            {task.isEditMode ? (
+                              <IconButton
+                                aria-label="done"
+                                onClick={() => {
+                                  onToggleEditModeDone(dateTimeTask.id);
+                                  handleEditDateTimeTask(dateTimeTask);
+                                }}
+                              >
+                                <Done />
+                              </IconButton>
+                            ) : (
+                              <IconButton
+                                aria-label="edit"
+                                onClick={() => onToggleEditMode(dateTimeTask.id)}
+                              >
+                                <Edit />
+                              </IconButton>
+                            )}
+                          </Tooltip>
+                        </TableCell >
+
+                        {/* delete option datetimeTask  */}
+                        {task.author.id===user.id  ?
+                        (<TableCell style={{width:'0%'}}>
+                          <Tooltip title="Удалить Копию">
+                            <IconButton
+                              onClick={(id) => {
+                                deleteDateTimeTask(dateTimeTask.id);
+                              }}
+                            >
+                              <RemoveIcon />
+                            </IconButton>
+                          </Tooltip>
+                        </TableCell>):null}
+
+
                       </TableRow>
                     ))}
                   </TableBody>

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

@@ -162,6 +162,16 @@ useEffect(() => {
     dispatch(deleteTask(id));
   };
 
+  const deleteDateTimeTask=(dateTImeTaskId)=>{
+    console.log('delete by dateTImeTaskId')
+    // dispatch(deleteDateTimeTask(dateTImeTaskId))
+  }
+
+  const handleEditDateTimeTask=(dateTimeTask)=>{
+    console.log('edit by dateTImeTask')
+
+    // dispatch(handleEditDateTimeTask(dateTimeTask))
+  }
  
   const onModalOpen = (event, task) => {
     event.stopPropagation();
@@ -261,6 +271,8 @@ console.log('tasks', tasks)
                       task={task}
                       deleteHandle={deleteHandle}
                       handleEditTask ={handleEditTask}
+                      handleEditDateTimeTask={handleEditDateTimeTask}
+                      deleteDateTimeTask={deleteDateTimeTask}
                       onChange={onChange}
                       onModalOpen={onModalOpen}
                       onProjectChange={onProjectChange}