fixes

src/components/UI/TrackerModal/TrackerModal.jsx

@@ -1,7 +1,8 @@
-import React, { useState } from "react";
+import React, {useEffect, useState} from "react";
 
 import { useDispatch, useSelector } from "react-redux";
 import { apiRequest } from "../../../api/request";
+import { urlForLocal } from '../../../helper'
 import {
   setColumnName,
   getProjectBoard,
@@ -14,6 +15,8 @@ import {
   getColumnId
 } from "../../../redux/projectsTrackerSlice";
 
+import arrowDown from "../../../images/selectArrow.png"
+
 import "./trackerModal.scss";
 
 export const TrackerModal = ({
@@ -23,6 +26,7 @@ export const TrackerModal = ({
   defautlInput,
   titleProject,
   projectId,
+  priorityTask
 }) => {
   const dispatch = useDispatch();
   const projectBoard = useSelector(getProjectBoard);
@@ -30,15 +34,14 @@ export const TrackerModal = ({
   const columnId = useSelector(getColumnId)
 
   const modalType = useSelector(getValueModalType);
-
-  const [emailWorker, setEmailWorker] = useState("");
   const [projectName, setProjectName] = useState(defautlInput);
-
   const [valueColumn, setValueColumn] = useState("");
   const [nameProject, setNameProject] = useState("");
-
   const [valueTiket, setValueTiket] = useState("");
   const [descriptionTicket, setDescriptionTicket] = useState("");
+  const [workers, setWorkers] = useState([])
+  const [selectWorkersOpen, setSelectWorkersOpen] = useState(false)
+  const [selectedWorker, setSelectedWorker] = useState(null)
 
   function createTab() {
     if (!valueColumn) {
@@ -72,6 +75,7 @@ export const TrackerModal = ({
         status: 1,
         user_id: localStorage.getItem("id"),
         column_id: selectedTab,
+        priority: priorityTask
       },
     }).then((res) => {
       dispatch(setProjectBoardFetch(projectBoard.id));
@@ -128,6 +132,23 @@ export const TrackerModal = ({
     }
   }
 
+  function addUserToProject() {
+    apiRequest("/project/add-user", {
+      method: "POST",
+      data: {
+        user_id: selectedWorker.id,
+        project_id: projectBoard.id
+      }
+    }).then((el) => {
+      setActive(false);
+      selectedWorker(null)
+    })
+  }
+
+  useEffect(() => {
+    modalType === "addWorker" ? apiRequest('/project/my-employee').then((el) => setWorkers(el.managerEmployees)) : ''
+  }, [modalType])
+
   return (
     <div
       className={active ? "modal-add active" : "modal-add"}
@@ -138,21 +159,35 @@ export const TrackerModal = ({
           <div>
             <div className="title-project">
               <h4>Добавьте участника</h4>
-              <p className="title-project__decs">Введите имя или e-mail </p>
-              <div className="input-container">
-                <input
-                  className="name-project"
-                  value={emailWorker}
-                  onChange={(e) => setEmailWorker(e.target.value)}
-                />
+              {/*<div className="input-container">*/}
+              {/*  <input*/}
+              {/*    className="name-project"*/}
+              {/*    value={emailWorker}*/}
+              {/*    onChange={(e) => setEmailWorker(e.target.value)}*/}
+              {/*  />*/}
+              {/*</div>*/}
+              <div className={selectWorkersOpen ? 'select__worker open' : 'select__worker'} onClick={() => setSelectWorkersOpen(!selectWorkersOpen)}>
+                <p>{selectedWorker ? selectedWorker.employee.fio : 'Выберите пользователя'}</p>
+                <img className='arrow' src={arrowDown} alt='arrow' />
+                {Boolean(selectWorkersOpen) &&
+                <div className='select__worker__dropDown'>
+                  {workers.map((worker) => {
+                    if (worker === selectedWorker) {
+                      return
+                    }
+                    return <div className='worker' key={worker.id} onClick={() => setSelectedWorker(worker)}>
+                      <p>{worker.employee.fio}</p>
+                      <img src={urlForLocal(worker.employee.avatar)} alt='avatar'/>
+                    </div>
+                  })
+                  }
+                </div>
+                }
               </div>
             </div>
             <button
               className="button-add"
-              onClick={(e) => {
-                e.preventDefault();
-                setActive(false);
-              }}
+              onClick={addUserToProject}
             >
               Добавить
             </button>

src/components/UI/TrackerModal/trackerModal.scss

@@ -61,6 +61,56 @@
       font-size: 15px;
       line-height: 18px;
     }
+
+    .select__worker {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 5px;
+      background: white;
+      border-radius: 5px;
+      cursor: pointer;
+      width: 100%;
+      position: relative;
+
+      p {
+        max-width: 150px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        font-size: 14px;
+      }
+
+      img {
+        transition: all 0.3s ease;
+        width: 16px;
+        height: 16px;
+      }
+
+      &__dropDown {
+        display: flex;
+        flex-direction: column;
+        position: absolute;
+        width: 100%;
+        padding: 5px;
+        top: 35px;
+        left: 0;
+        background: white;
+        border-radius: 5px;
+        row-gap: 5px;
+
+        .worker {
+          display: flex;
+          justify-content: space-between;
+        }
+      }
+    }
+
+    .open {
+      .arrow {
+        transform: rotate(180deg);
+      }
+    }
   }
 
   .name-project {