start tags rework

src/components/Modal/Tracker/ListEmployees/listEmployees.scss

@@ -73,7 +73,7 @@
       .add-person {
         background: #00c5a8;
         color: white;
-        font-size: 14px;
+        font-size: 18px;
         transition: all 0.15s ease;
         left: -28px;
         z-index: 2;

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -66,6 +66,7 @@
       margin-left: 15px;
 
       &__category {
+        height: 22px;
         margin-right: 5px;
       }
 

src/components/Navigation/Navigation.jsx

@@ -61,7 +61,7 @@ export const Navigation = () => {
       },
       {
         path: "/treaties",
-        name: "Договора"
+        name: "Договоры"
       },
       {
         path: "/settings",

src/pages/PartnerAddRequest/PartnerAddRequest.js

@@ -436,7 +436,7 @@ export const PartnerAddRequest = () => {
               </div>
               <p>
                 В Личном кабинете платформы получайте отчеты выполненных работ и
-                счета на согласование и оплату
+                счеты на согласование и оплату
               </p>
             </div>
           </div>

src/pages/PartnerRequests/PartnerRequests.jsx

@@ -79,10 +79,10 @@ export const PartnerRequests = () => {
               })}
             </div>
             <div className="partner-requests__section__info">
-              <h3>Инструкция: подачи заявки</h3>
+              <h3>Инструкция по подаче заявки</h3>
               <p>
-                Оператор компании заводит заявку и указывает необходимые
-                параметры — количество сотрудников, стек, уровень специалиста
+                Оператор компании создает заявку и указывает необходимые
+                параметры: количество сотрудников, стек, уровень специалиста
               </p>
               <BaseButton>
                 <Link to={"/profile/add-request"}>
@@ -107,10 +107,10 @@ export const PartnerRequests = () => {
                 </BaseButton>
               </div>
               <div className="partner-requests__no-items__create__instruction">
-                <h3>Инструкция: подачи заявки</h3>
+                <h3>Инструкция по подаче заявки</h3>
                 <p>
-                  Оператор компании заводит заявку и указывает необходимые
-                  параметры — количество сотрудников, стек, уровень специалиста
+                  Оператор компании создает заявку и указывает необходимые
+                  параметры: количество сотрудников, стек, уровень специалиста
                 </p>
               </div>
             </div>

src/pages/PartnerTreaties/PartnerTreaties.js

@@ -31,10 +31,10 @@ export const PartnerTreaties = () => {
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/profile" },
-            { name: "Договора и отчетность", link: "/profile/treaties" }
+            { name: "Договоры и отчетность", link: "/profile/treaties" }
           ]}
         />
-        <h2 className="treaties__title">Договора и отчетность</h2>
+        <h2 className="treaties__title">Договоры и отчетность</h2>
         <div className="treaties__tabs">
           <div className="treaties__tabs__head">
             <div
@@ -56,7 +56,7 @@ export const PartnerTreaties = () => {
               onClick={() => toggleTabs(3)}
             >
               <img src={checkImg} alt="img" />
-              <p>Счета</p>
+              <p>Счеты</p>
             </div>
           </div>
           <div className="treaties__tabs__content">

src/pages/PartnerСategories/PartnerСategories.jsx

@@ -173,7 +173,7 @@ export const PartnerCategories = () => {
                 );
               })
             ) : (
-              <span className="partnerCategories__empty">
+              <span className="partner-categories__empty">
                 У вас нет нанятого персонала
               </span>
             )}

src/pages/Profile/Profile.js

@@ -81,7 +81,7 @@ export const Profile = () => {
       {
         path: "profile/treaties",
         img: paymentIcon,
-        title: "Договора и отчетность",
+        title: "Договоры и отчетность",
         description: "Ключевые условия<br/> договора"
       },
       {

src/pages/ProjectTracker/ProjectTracker.js

@@ -44,6 +44,7 @@ import TrackerSelectColumn from "@components/TrackerSelectColumn/TrackerSelectCo
 import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
 import calendarIcon from "assets/icons/calendar.svg";
+import category from "assets/icons/category.svg";
 import close from "assets/icons/close.png";
 import commentsBoard from "assets/icons/commentsBoard.svg";
 import del from "assets/icons/delete.svg";
@@ -483,8 +484,10 @@ export const ProjectTracker = () => {
             <div className="tracker__tabs__content__tasks tasks active__content">
               <div className="tasks__head">
                 <div className="tasks__head__wrapper">
+                  <div className="tasks__head__title">
+                    <img src={category}></img>
                     <h5>{projectBoard.name}</h5>
-
+                  </div>
                   <div className="tasks__head__add">
                     <BaseButton
                       onClick={() => {
@@ -541,7 +544,6 @@ export const ProjectTracker = () => {
                     >
                       +
                     </span>
-                    <p>добавить участника</p>
 
                     <ListEmployees
                       active={personListOpen}
@@ -635,7 +637,11 @@ export const ProjectTracker = () => {
                       }}
                     >
                       <p>Список тегов</p>
-                      <span>+</span>
+                      <img
+                        className={tags.open ? "open" : ""}
+                        src={arrowDown}
+                        alt="arrow"
+                      />
                     </div>
                     {tags.open && (
                       <div className="tags__list">
@@ -755,6 +761,19 @@ export const ProjectTracker = () => {
                             >
                               {tags.add ? "Добавить" : "Изменить"}
                             </button>
+                            {tags.add && (
+                              <button
+                                className={"form-tag__btn"}
+                                onClick={() =>
+                                  setTags((prevState) => ({
+                                    ...prevState,
+                                    add: !tags.add
+                                  }))
+                                }
+                              >
+                                Отмена
+                              </button>
+                            )}
                           </div>
                         )}
                       </div>

src/pages/Quiz/QuizPage.js

@@ -27,7 +27,7 @@ import BackEndImg from "assets/images/partnerProfile/personalBackEnd.svg";
 import "./quiz-page.scss";
 
 export const QuizPage = () => {
-  const [questionnaires, setQuestionnaires] = useState([]);
+  const [questionnaires, setQuestionnaires] = useState(null);
   const dispatch = useDispatch();
   const [personalInfoItems] = useState([
     {
@@ -129,7 +129,8 @@ export const QuizPage = () => {
             {/*</div>*/}
             <div className="quiz-page__block">Доступные тесты</div>
             <div className="quiz-page__cards-test">
-              {questionnaires.length ? (
+              {questionnaires &&
+                questionnaires.length > 0 &&
                 questionnaires.map((item, index) => (
                   <CardAvailableTest
                     description={item.description}
@@ -139,9 +140,9 @@ export const QuizPage = () => {
                     passedTest={item.passedTest}
                     key={index}
                   />
-                ))
-              ) : (
-                <h1>Анкет нет</h1>
+                ))}
+              {questionnaires && questionnaires.length === 0 && (
+                <h1>Нет доступных тестов</h1>
               )}
             </div>
             {/*<div className="block-text">*/}

src/pages/Tracker/Tracker.jsx

@@ -74,14 +74,16 @@ export const Tracker = () => {
     });
     apiRequest(
       `/task/get-user-tasks?user_id=${localStorage.getItem("id")}&expand=timers`
-    ).then((el) => {
-      const allTasks = el ? el.filter((item) => item.status !== 0) : [];
-      const completedTasks = el ? el.filter((item) => item.status === 0) : [];
+    )
+      .then((el) => {
+        const allTasks = el?.length ? el.filter((item) => item.status !== 0) : [];
+        const completedTasks = el?.length ? el.filter((item) => item.status === 0) : [];
         setAllTasks(allTasks);
         setFilteredAllTasks(allTasks);
         setAllCompletedTasks(completedTasks);
         setFilterCompleteTasks(completedTasks);
-    });
+      })
+      .catch((err) => console.error(err));
   }, []);
 
   const toggleTabs = (index) => {
@@ -211,8 +213,7 @@ export const Tracker = () => {
                     >
                       <img src={addProjectImg} alt="#"></img>
                       <p className="create-project-btn__text">
-                        Ставьте задачи, следите за прогрессом, ведите учёт
-                        рабочего времени
+                        Добавить проект
                       </p>
                     </BaseButton>
                   </div>

src/pages/Tracker/tracker.scss

@@ -219,6 +219,16 @@
           border-bottom: 1px solid #dde2e4;
           padding: 0 35px 15px;
 
+          &__title {
+            display: flex;
+            align-items: center;
+            column-gap: 5px;
+            img {
+              margin-left: -22px;
+              height: 22px;
+            }
+          }
+
           @media (max-width: 1000px) {
             padding: 0 15px 15px;
           }
@@ -250,7 +260,7 @@
             font-size: 22px;
             line-height: 32px;
             margin-bottom: 0;
-            max-width: 21%;
+            max-width: 160px;
             word-break: break-all;
             overflow: hidden;
             white-space: nowrap;
@@ -456,8 +466,8 @@
                 }
 
                 img {
-                  width: 15px;
-                  height: 15px;
+                  width: 20px;
+                  height: 20px;
                 }
 
                 &:hover {
@@ -502,6 +512,13 @@
 
           &__tags {
             position: relative;
+            img {
+              transition: all 0.15s ease;
+              margin-left: 5px;
+            }
+            .open {
+              transform: rotate(180deg);
+            }
             .tags {
               &__add {
                 display: flex;
@@ -571,8 +588,8 @@
                     justify-content: space-between;
                     padding: 0px 8px;
                     border-radius: 8px;
-                    height: 50px;
-                    max-height: 50px;
+                    height: 40px;
+                    max-height: 40px;
                     background: #fff;
 
                     &__description {
@@ -676,7 +693,7 @@
                     border: none;
                     background: #252c32;
                     color: whitesmoke;
-                    margin: 10px auto 0;
+                    margin: 0 auto 0;
                     border-radius: 10px;
                     font-size: 15px;
                     padding: 5px 12px;