#54 Небольшие изменения

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

@@ -174,6 +174,7 @@ const CalendarRowDay = ({xs, hoursInDay, createTaskInCellHandler, currentTask, h
                        hour={parseInt(hours[index])}
                        line={day.dayNumber}
                        task={box.task}
+                       hourFormat={hourFormat}
                        setCurrentTask={setCurrentTask} 
                        handleOpen={handleOpen}
                        increaseTaskHandler={increaseTaskHandler} 

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

@@ -13,7 +13,7 @@ const arrowClass = {
   }
 }
 
-const CalendarTask = ({setCurrentTask, handleOpen, task, line, setCurrentLine, increaseTaskHandler, reduceTaskHandler}) => {
+const CalendarTask = ({setCurrentTask, handleOpen, task, line, setCurrentLine, increaseTaskHandler, reduceTaskHandler,  hourFormat}) => {
 
   const [color, setColor] = useState('')
   useEffect(() => {
@@ -52,6 +52,26 @@ const CalendarTask = ({setCurrentTask, handleOpen, task, line, setCurrentLine, i
         sx={{ position: 'relative', height: '30px', backgroundColor: color, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', borderRadius: '10px', margin: '5px 10px', display: 'flex', justifyContent: 'flex-start', alignItems: 'center', paddingLeft: '5px', zIndex: '5', justifyContent: 'space-between'}} 
         onClick={(e)=>{onClickTaskHandler(e, task)}}
       >
+      {task.infoForCell.endHour === task.infoForCell.startHour && hourFormat ?  
+      <>
+        <div tyle={{display: 'flex', alignItems: 'center'}}>
+            <div style={{display: 'flex', alignItems: 'center'}}>
+              <ArrowBackIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); increaseTaskHandler(line, task, true)}}/>
+              <ArrowForwardIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); reduceTaskHandler(line, task, true)}}/>
+              <ArrowBackIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); reduceTaskHandler(line, task, false)}}/>
+              <ArrowForwardIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); increaseTaskHandler(line, task, false)}}/>
+            </div>
+        </div>
+        <div>
+          <span>
+          {task.title}
+         </span>
+        </div>
+      </>
+      
+      
+      :
+        <>
           <div style={{display: 'flex', alignItems: 'center'}}>
             <ArrowBackIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); increaseTaskHandler(line, task, true)}}/>
             <ArrowForwardIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); reduceTaskHandler(line, task, true)}}/>
@@ -63,6 +83,8 @@ const CalendarTask = ({setCurrentTask, handleOpen, task, line, setCurrentLine, i
             <ArrowBackIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); reduceTaskHandler(line, task, false)}}/>
             <ArrowForwardIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); increaseTaskHandler(line, task, false)}}/>
           </div>
+        </>
+        }
     </Grid>
   </>)
 };