#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,17 +52,39 @@ 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)}}
       >
-      <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)}}/>
-      </div>
-        <span>
+      {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 style={{display: 'flex', alignItems: 'center'}}>
-          <ArrowBackIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); reduceTaskHandler(line, task, false)}}/>
-          <ArrowForwardIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); increaseTaskHandler(line, task, false)}}/>
-      </div>
+         </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)}}/>
+            </div>
+              <span>
+                {task.title}
+              </span>
+            <div style={{display: 'flex', alignItems: 'center'}}>
+            <ArrowBackIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); reduceTaskHandler(line, task, false)}}/>
+            <ArrowForwardIcon sx={arrowClass} onClick={(e)=>{e.stopPropagation(); increaseTaskHandler(line, task, false)}}/>
+          </div>
+        </>
+        }
     </Grid>
   </>)
 };