task deadLine

src/pages/ProjectTracker/ProjectTracker.js

@@ -33,6 +33,9 @@ import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
+import {
+  getCorrectDate
+} from "../../components/Calendar/calendarHelper";
 
 import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
@@ -549,7 +552,7 @@ export const ProjectTracker = () => {
                       >
                         <div className="board__head">
                           <span>{column.title}</span>
-                          <div>
+                          <div className='board__head__more'>
                             <span
                               className="add"
                               onClick={() =>
@@ -652,6 +655,11 @@ export const ProjectTracker = () => {
                                   />
                                 )}
                               </div>
+                              <div className="tasks__board__item__deadLine">
+                                <p>Срок исполнения:</p>
+                                <span>{task.dead_line ? getCorrectDate(task.dead_line) : 'Не выбран'}
+                                </span>
+                              </div>
                               <div className="tasks__board__item__info">
                                 <div className="tasks__board__item__info__more">
                                   <img src={commentsBoard} alt="commentsImg" />

src/pages/Tracker/tracker.scss

@@ -790,6 +790,23 @@
               }
             }
 
+            &__deadLine {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              margin-bottom: 10px;
+
+              p {
+                font-weight: 500;
+                font-size: 14px;
+              }
+
+              span {
+                font-weight: 500;
+                font-size: 14px;
+              }
+            }
+
             &__executor {
               display: flex;
               justify-content: space-between;
@@ -908,6 +925,11 @@
             justify-content: space-between;
             min-width: 300px;
 
+            &__more {
+              display: flex;
+              align-items: center;
+            }
+
             span {
               color: #6f6f6f;
               font-weight: 500;
@@ -935,6 +957,7 @@
               bottom: 4px;
               font-size: 20px;
               cursor: pointer;
+              width: 15px;
 
               &:hover {
                 font-weight: 600;