#38 небольшие правки

planner-front/src/components/MonthCalendarBody/CalendarRow/CalendarRow.js

@@ -13,6 +13,6 @@ const CalendarRow = ({children}) => {
     </>
 };
 
-export default memo(CalendarRow);
+export default CalendarRow;
 
 

planner-front/src/components/MonthCalendarBody/CalendarRowDay/CalendarRowDay.js

-import { Tune } from "@mui/icons-material";
 import { Grid } from "@mui/material";
 import { memo, useMemo } from "react";
 import CalendarStandartCell from "../CalendarStandartCell.js/CalendarStandartCell";
@@ -95,7 +94,7 @@ const CalendarRowDay = ({xs, hoursInDay, createTaskInCellHandler, currentTask, h
     }
     return lines
   }, [sortedTasks, hours])
-  console.log(linesInDay)
+
   return <>
       <Grid 
         container
@@ -119,15 +118,12 @@ const CalendarRowDay = ({xs, hoursInDay, createTaskInCellHandler, currentTask, h
                 dayNumber={day.dayNumber}
                 currentTask={currentTask}
                 handleOpen={handleOpen}
-                modal={modal.open}
+                modal={modal}
                 >
                   <CalendarTask
                     setCurrentTask={setCurrentTask}
-                    year={year}
-                    month={month} 
-                    tasks={tasks}
-                    day={day}
                     hours={hour}
+                    modal={modal}
                     hourFormat={hourFormat}
                     handleOpen={handleOpen}
                     currentTask={currentTask}
@@ -141,4 +137,4 @@ const CalendarRowDay = ({xs, hoursInDay, createTaskInCellHandler, currentTask, h
     </>
 };
 
-export default CalendarRowDay;
+export default memo(CalendarRowDay);
\ No newline at end of file

planner-front/src/components/MonthCalendarBody/CalendarStandartCell.js/CalendarStandartCell.js

@@ -15,9 +15,9 @@ const CalendarStandartCell = ({children, xs, hours, dayNumber,  createTaskInCell
             onClick={(e)=>{createTaskInCellHandler(dayNumber, hours); setIsThisCell(true); handleOpen(e)}}>
             {children}
         {isThisCell ?  
-        <Grid
-            sx={{backgroundColor: 'lightgreen', padding: '10px', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis'}} 
-        >
+        <Grid  
+            sx={{height: '30px', backgroundColor: 'lightgreen', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', padding: '5px', margin:"5px 10px", borderRadius: '10px'}} 
+            >
             <span>
                 Задача
             </span>

planner-front/src/components/MonthCalendarBody/CalendarTask/CalendarTask.js

@@ -6,7 +6,7 @@ import { editCalendarTask } from "../../../store/actions/tasksActions";
 
 const TaskDefault = ({task, onClickTaskHandler}) => {
   return(<Grid  
-        sx={{ height: '30px', backgroundColor: 'lightgreen', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', padding: '5px',  borderBottom: '1px solid rgb(29, 161, 51)', borderRadius: '10px', margin: '5px 10px'}} 
+        sx={{ height: '30px', backgroundColor: 'lightgreen', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', padding: '5px',  borderBottom: '1px solid rgb(29, 161, 51)', borderRadius: '10px', margin: '5px 10px', textAlign: 'left'}} 
         onClick={onClickTaskHandler}
         >
           <span>
@@ -17,7 +17,7 @@ const TaskDefault = ({task, onClickTaskHandler}) => {
 
 const TaskWithNoStartAndAllEnd = ({task, onClickTaskHandler}) => {
   return(<Grid
-        sx={{height: '30px', backgroundColor: 'lightgreen', whiteSpace: 'nowrap', padding: '5px',  borderBottom: '1px solid rgb(29, 161, 51)', borderTopLeftRadius: '10px', borderBottomLeftRadius: '10px', margin:"5px -1px 5px 10px", position:'relative'}} 
+        sx={{height: '30px', backgroundColor: 'lightgreen', whiteSpace: 'nowrap', padding: '5px',  borderBottom: '1px solid rgb(29, 161, 51)', borderTopLeftRadius: '10px', borderBottomLeftRadius: '10px', margin:"5px -1px 5px 10px", position:'relative', textAlign: 'left'}} 
         onClick={onClickTaskHandler}
         >
           <span>
@@ -59,14 +59,11 @@ const Empty = ({}) => {
 
 
 
-const CalendarTask = ({year, month, tasks, day, hours, setCurrentTask, hourFormat, handleOpen, currentTask, linesForCell, sortedTasks}) => {
+const CalendarTask = ({hours, setCurrentTask, hourFormat, handleOpen, currentTask, linesForCell, sortedTasks}) => {
 
   const [thisCellCurrentTask, setThisCellCurrentTask] = useState({})
 
   const hour = parseInt(hours.split(':')[0])
-  const tasksCell = useMemo(() => {
-    return []
-  }, [])
 
   useEffect(()=>{
     if (!currentTask.title) {
@@ -120,6 +117,7 @@ const CalendarTask = ({year, month, tasks, day, hours, setCurrentTask, hourForma
         } else {
           return (
             <Empty
+              
             />
           )
         }

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

@@ -114,7 +114,7 @@ function MonthCalendar() {
       description:"описание",
       priority: null,
       dateTimeStart: dateToISOLikeButLocal(new Date(dateNow.year, dateNow.month, dayNumber, hour, 0)),
-      dateTimeDue: dateToISOLikeButLocal(new Date(dateNow.year, dateNow.month, dayNumber, hourDue + 4, 59)),
+      dateTimeDue: dateToISOLikeButLocal(new Date(dateNow.year, dateNow.month, dayNumber, hourDue, 59)),
     }
     setCurrentTask((newTask))
   }