task priority

src/pages/ProjectTracker/ProjectTracker.js

@@ -90,6 +90,19 @@ export const ProjectTracker = () => {
   const loader = useSelector(getBoarderLoader);
   const { showNotification } = useNotification();
 
+  const priority =
+    {
+      2: 'Высокий',
+      1: 'Средний',
+      0: 'Низкий'
+    }
+
+    const priorityClass = {
+      2: 'high',
+      1: 'middle',
+      0: 'low'
+    }
+
   useEffect(() => {
     dispatch(activeLoader());
     dispatch(setProjectBoardFetch(projectId.id));
@@ -998,6 +1011,12 @@ export const ProjectTracker = () => {
                                     })}
                                   </div>
                                 )}
+                                {typeof task.execution_priority === "number" &&
+                                    <div className='tasks__board__item__priority'>
+                                       <p>Приоритет:</p>
+                                        <span className={priorityClass[task.execution_priority]}>{priority[task.execution_priority]}</span>
+                                    </div>
+                                }
                                 {task.dead_line && (
                                   <div className="tasks__board__item__deadLine">
                                     <p>Срок исполнения:</p>

src/pages/Tracker/tracker.scss

@@ -1124,6 +1124,36 @@
               }
             }
 
+            &__priority {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              margin-bottom: 8px;
+
+
+              p {
+                font-weight: 500;
+                font-size: 14px;
+              }
+
+              span {
+                font-weight: 500;
+                font-size: 14px;
+              }
+
+              .high {
+                color: red;
+              }
+
+              .middle {
+                color: #cece00;
+              }
+
+              .low {
+                color: green;
+              }
+            }
+
             &__deadLine {
               display: flex;
               align-items: center;