src/components/Candidate/Candidate.jsx

@@ -91,10 +91,10 @@ const Candidate = () => {
   const { header, img, classes } = setStyles();
 
   return (
-    <div className="candidate">
+    <div className="candidate__wrapper">
       <ProfileHeader />
       <Navigation />
-      <div className="container">
+      <div className="container candidate">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/profile" },

src/components/Candidate/candidate.scss

@@ -1,24 +1,22 @@
 @use "sass:math";
 
 .candidate {
-  display: flex;
+  padding-top: 23px;
-  flex-direction: column;
+  z-index: 0;
-  min-height: 100vh;
-  background: #f1f1f1;
 
-  .container {
+  &__wrapper {
-    margin-top: 23px;
+    background: #f1f1f1;
-    display: flex;
+    min-height: 100vh;
-    flex-direction: column;
-    flex: 1;
   }
 
   .profile-breadcrumbs {
     position: relative;
+    z-index: -1;
   }
 
   .row {
     position: relative;
+    z-index: -1;
   }
 
   &__header {
@@ -34,11 +32,13 @@
 
   .col-xl-8 {
     position: relative;
+    z-index: -1;
   }
 
   &__main {
     margin-top: 60px;
     position: relative;
+    z-index: -1;
 
     &-description {
       padding-left: 16px;

src/components/Common/AuthHeader/AuthHeader.jsx

@@ -25,7 +25,7 @@ export const AuthHeader = () => {
                 </NavLink>
               </li>
               <li>
-                <NavLink to={"/profile"}>Кабинет разработчика</NavLink>
+                <NavLink to={"/auth"}>Кабинет разработчика</NavLink>
               </li>
               <li>
                 <NavLink to={"/tracker-intro"}>Трекер</NavLink>

src/components/Common/AuthHeader/authHeader.scss

@@ -25,7 +25,6 @@
     background: #ffffff;
 
     .auth-nav {
-      height: 35px;
       display: flex;
       flex-direction: row;
       justify-content: space-between;
@@ -49,13 +48,11 @@
             text-decoration: none;
           }
 
-          a:focus,
+          a:focus, a.active {
-          a.active {
             color: #000000;
           }
 
           .candidate {
-            background: transparent;
             color: #1458dd;
           }
         }

src/components/FreeDevelopers/freeDevelopers.scss

@@ -1,7 +1,6 @@
 .free-dev {
-  display: flex;
+  overflow: hidden;
-  flex-direction: column;
+  position: relative;
-  min-height: 100vh;
   background-color: #f1f1f1;
 
   .link {
@@ -29,11 +28,7 @@
   }
 
   &_page {
-    display: flex;
+    margin: 24px 0 30px 0;
-    flex-direction: column;
-    flex: 1;
-    color: #000000;
-    padding: 50px 0 0;
   }
 
   &__title {

src/components/Modal/ModalRegistration/ModalRegistration.jsx

@@ -137,7 +137,7 @@ export const ModalRegistration = ({ active, setActive }) => {
 
         <div className="button-box">
           {loader ? (
-            <Loader />
+            <Loader style={"green"} />
           ) : (
             <BaseButton
               onClick={async (e) => {

src/components/Modal/ModalRegistration/modalRegistration.scss

@@ -23,7 +23,6 @@
       display: flex;
       flex-direction: column;
       width: 65%;
-      align-items: center;
 
       @media (max-width: 1106px) {
         width: 100%;
@@ -116,8 +115,6 @@
           .input-container {
             margin: 0 0 20px 0;
             width: 100%;
-            display: flex;
-            flex-direction: column;
           }
 
           span {

src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx

@@ -35,8 +35,8 @@ import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowStart from "assets/icons/arrows/arrowStart.png";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
 import calendarIcon from "assets/icons/calendar.svg";
+import close from "assets/icons/close.png";
 import fileDelete from "assets/icons/closeProjectPersons.svg";
-import close from "assets/icons/crossWhite.svg";
 import del from "assets/icons/delete.svg";
 import edit from "assets/icons/edit.svg";
 import file from "assets/icons/fileModal.svg";
@@ -971,7 +971,7 @@ export const TicketFullScreen = () => {
                     />
                   </div>
                   <div className="time">
-                    <p>⏱</p>
+                    <img src={watch}></img>
                     <p>
                       {correctTimerTime(currentTimerCount.hours)}:
                       {correctTimerTime(currentTimerCount.minute)}:

src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss

@@ -49,6 +49,8 @@
 
 .fullscreen-workers {
   @media (max-width: 880px) {
+    background: #dff1ff;
+
     .workers_box {
       @media (max-width: 880px) {
         flex-direction: inherit !important;

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -125,11 +125,6 @@ export const TrackerModal = ({
       }
     }).then(() => {
       dispatch(setProjectBoardFetch(projectBoard.id));
-      showNotification({
-        show: true,
-        text: "Колонка создана",
-        type: "success"
-      });
     });
     setValueColumn("");
     setActive(false);
@@ -224,11 +219,6 @@ export const TrackerModal = ({
     }).then(() => {
       setActive(false);
       dispatch(editProjectName({ id: projectId, name: projectName }));
-      showNotification({
-        show: true,
-        text: "Название проекта успешно изменено",
-        type: "success"
-      });
     });
   }
 
@@ -279,11 +269,6 @@ export const TrackerModal = ({
     }).then(() => {
       setActive(false);
       dispatch(editColumnName({ id: columnId, title: columnName }));
-      showNotification({
-        show: true,
-        text: "Колонка создана",
-        type: "success"
-      });
     });
   }
 
@@ -338,11 +323,6 @@ export const TrackerModal = ({
     }).then((el) => {
       setActive(false);
       setEmailWorker("");
-      showNotification({
-        show: true,
-        text: "Приглашение отправлено",
-        type: "success"
-      });
     });
   }
 

src/components/OutstaffingBlock/outstaffingBlock.scss

@@ -1,3 +1,6 @@
+.container {
+  max-width: 1160px !important;
+}
 .catalog {
   background: #f1f1f1;
   height: 100%;
@@ -11,10 +14,6 @@
   }
 }
 
-.container {
-  max-width: 1160px !important;
-}
-
 .outstaffing-block__selected .outstaffing-block__img {
   background-color: #52b70999;
   color: #f9f9f9;

src/components/ProfileHeader/profileHeader.scss

@@ -17,7 +17,7 @@
     justify-content: space-between;
     align-items: center;
     height: 100%;
-    z-index: 9;
+    z-index: 9999;
     max-width: 1160px;
     width: 100%;
     margin: 0 auto;

src/components/ProjectTicket/ProjectTicket.jsx

@@ -68,11 +68,6 @@ export const ProjectTicket = ({ project, index }) => {
       });
     });
   }
-  // showNotification({
-  //   show: true,
-  //   text: "Проект успешно удален",
-  //   type: "success"
-  // });
 
   function closeAcceptModal() {
     setAcceptModalOpen(false);
@@ -140,16 +135,7 @@ export const ProjectTicket = ({ project, index }) => {
             <img src={edit}></img>
             <p>редактировать</p>
           </div>
-          <div
+          <div onClick={() => copyProjectLink(project.id)}>
-            onClick={() => {
-              copyProjectLink(project.id);
-              showNotification({
-                show: true,
-                text: "Ссылка скопирована в буфер обмена",
-                type: "copy"
-              });
-            }}
-          >
             <img src={link}></img>
             <p>скопировать ссылку</p>
           </div>

src/components/SideBar/SideBar.jsx

@@ -50,7 +50,7 @@ export const SideBar = () => {
             <Link to={"/auth"}>Вход для партнеров</Link>
           </li>
           <li>
-            <Link to={"/profile"}>Кабинет разработчика</Link>
+            <Link to={"/auth"}>Кабинет разработчика</Link>
           </li>
           <li>
             <Link to={"/tracker-intro"}>Трекер</Link>

src/components/features/quiz/HeaderQuiz.jsx

@@ -5,8 +5,6 @@ import { selectUserInfo } from "@redux/quizSlice";
 
 import { urlForLocal } from "@utils/helper";
 
-import { Loader } from "@components/common/Loader/Loader";
-
 // import { apiRequest } from "@api/request";
 import "./quiz.scss";
 
@@ -23,7 +21,7 @@ export const HeaderQuiz = ({ header }) => {
         <div className="header-quiz">
           <div className="header-quiz__container">
             {!userInfo ? (
-              <Loader />
+              <h2>Loading...</h2>
             ) : (
               <>
                 {header && (

src/components/features/quiz/Instructions.jsx

@@ -6,8 +6,6 @@ import { selectedTest } from "@redux/quizSlice";
 
 import { apiRequest } from "@api/request";
 
-import { Loader } from "@components/common/Loader/Loader";
-
 import comment from "assets/icons/comment.jpg";
 
 import "./quiz.scss";
@@ -26,7 +24,7 @@ export const Instruction = () => {
     <div className="instruction">
       <div className="instruction__container">
         {!countQuestions ? (
-          <Loader />
+          <h2>Loading...</h2>
         ) : (
           <>
             <h3 className="instruction__title quiz-title_h3">

src/components/features/quiz/Results.jsx

@@ -5,8 +5,6 @@ import { fetchResultTest, selectResult, selectedTest } from "@redux/quizSlice";
 
 import { apiRequest } from "@api/request";
 
-import { Loader } from "@components/common/Loader/Loader";
-
 export const Results = () => {
   const result = useSelector(selectResult);
   const test = useSelector(selectedTest);
@@ -23,7 +21,7 @@ export const Results = () => {
   return (
     <div className={"result _container"}>
       {!result ? (
-        <Loader />
+        <h1 style={{ display: "block" }}>Ожидайте результата...</h1>
       ) : (
         <div className="result__body">
           <div className="result__text">Благодарим за прохождение теста</div>

src/components/features/quiz/quiz.scss

@@ -566,6 +566,7 @@ $maxWidthContainer: 1123;
     align-items: center;
     width: 100%;
     height: 100%;
+    flex-wrap: wrap;
     @media (max-width: 600px) {
       display: block;
     }

src/pages/Article/article.scss

@@ -1,16 +1,6 @@
 .article-blog {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
   background: #f1f1f1;
 
-  .container {
-    max-width: 1160px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-
   &__breadcrumbs {
     margin-top: 30px;
 

src/pages/AuthForCandidate/authForCandidate.scss

@@ -1,15 +1,7 @@
 .auth-candidate {
-  display: flex;
+  overflow: hidden;
-  flex-direction: column;
+  position: relative;
-  min-height: 100vh;
+  background-color: #f1f1f1;
-  background: #f1f1f1;
-
-  .container {
-    max-width: 1160px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
 
   &__start {
     margin-top: 60px;

src/pages/Blog/blog.scss

@@ -1,16 +1,6 @@
 .blog {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
   background: #f1f1f1;
 
-  .container {
-    max-width: 1160px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
-
   &__breadcrumbs {
     margin-top: 30px;
 

src/pages/CatalogSpecialists/CatalogSpecialists.jsx

@@ -145,10 +145,9 @@ const CatalogSpecialists = () => {
     }
   ];
   return (
-    <div className="catalog-specialists">
+    <section className="catalog-specialists">
       <AuthHeader />
-      <SideBar />
+      <div className="container catalog-specialists__wrapper">
-      <div className="catalog-specialists__content container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/auth" },
@@ -202,8 +201,9 @@ const CatalogSpecialists = () => {
           })}
         </div>
       </div>
+      <SideBar />
       <Footer />
-    </div>
+    </section>
   );
 };
 

src/pages/CatalogSpecialists/catalogSpecialists.scss

@@ -4,20 +4,8 @@
   flex-direction: column;
   min-height: 100vh;
 
-  &__content {
+  &__wrapper {
-    display: flex;
+    padding-top: 24px;
-    flex-direction: column;
-    flex: 1;
-    color: #000000;
-    padding: 50px 0 0;
-
-    @media (max-width: 1375px) {
-      padding-top: 100px;
-    }
-
-    @media (max-width: 1000px) {
-      background-color: white;
-    }
   }
 
   &__head {

src/pages/CompanyInfo/companyInfo.scss

@@ -1,15 +1,7 @@
 .company-info {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background-color: #f1f1f1;
-
   &__content {
-    display: flex;
+    background-color: #f1f1f1;
-    flex-direction: column;
+    padding-top: 60px;
-    flex: 1;
-    color: #000000;
-    padding: 50px 0 0;
 
     @media (max-width: 1375px) {
       padding-top: 120px;

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.jsx

@@ -83,7 +83,8 @@ export const FrequentlyAskedQuestions = () => {
     <div className="frequently-asked-questions">
       <AuthHeader />
       <SideBar />
-      <div className="container">
+
+      <div className="frequently-asked-questions__container container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/auth" },

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.scss

@@ -8,12 +8,9 @@
     margin-top: 80px;
   }
 
-  .container {
+  &__container {
-    display: flex;
+    flex: 1 1 auto;
-    flex-direction: column;
+    margin: 30px 0;
-    flex: 1;
-    max-width: 1160px;
-    margin-top: 23px;
   }
 
   &__about {

src/pages/PartnerAddRequest/partnerAddRequest.scss

@@ -7,9 +7,6 @@
   .container {
     max-width: 1160px;
     margin-top: 23px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
 
     @media (max-width: 570px) {
       margin-top: 0;

src/pages/PartnerSettings/partnerSettings.scss

@@ -225,7 +225,7 @@
 
     &__report,
     &__login {
-      width: 100%;
+      width: 60%;
     }
 
     &__report {

src/pages/RegistrationForCandidate/registationForCandidate.scss

@@ -1,15 +1,6 @@
 .registration-candidate {
-  display: flex;
+  position: relative;
-  flex-direction: column;
+  background-color: #f1f1f1;
-  min-height: 100vh;
-  background: #f1f1f1;
-
-  .container {
-    max-width: 1160px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-  }
 
   &__start {
     display: flex;

src/pages/RegistrationSetting/registrationSetting.scss

@@ -1,15 +1,9 @@
 .registration-setting {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background-color: #f1f1f1;
-
   &__content {
-    display: flex;
+    background-color: #f1f1f1;
-    flex-direction: column;
-    flex: 1;
     color: #000000;
     padding: 50px 0 0;
+    min-height: 100vh;
 
     @media (max-width: 1375px) {
       padding-top: 100px;

src/pages/Statistics/Statistics.jsx

@@ -1,16 +1,12 @@
-import React, { useEffect, useState } from "react";
+import React from "react";
 import { useDispatch } from "react-redux";
-import { Link, useParams } from "react-router-dom";
+import { Link } from "react-router-dom";
 
 import { setToggleTab } from "@redux/projectsTrackerSlice";
 
 import { copyProjectLink } from "@utils/helper";
-import { urlForLocal } from "@utils/helper";
-
-import { apiRequest } from "@api/request";
 
 import { Footer } from "@components/Common/Footer/Footer";
-import { Loader } from "@components/Common/Loader/Loader";
 import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
@@ -27,21 +23,6 @@ import "./statistics.scss";
 
 const Statistics = () => {
   const dispatch = useDispatch();
-  const params = useParams();
-
-  const [projectStatistic, setProjectStatistic] = useState(null);
-  const [projectInfo, setProjectInfo] = useState(null);
-  const [loader, setLoader] = useState(true);
-
-  useEffect(() => {
-    apiRequest(`/project/get-project?project_id=${params.id}`).then((res) => {
-      setProjectInfo(res);
-    });
-    apiRequest(`/project/statistic?project_id=${params.id}`).then((res) => {
-      setProjectStatistic(res);
-      setLoader(false);
-    });
-  }, []);
 
   const teams = [
     {
@@ -91,161 +72,135 @@ const Statistics = () => {
           />
           <h2 className="tracker__title">Управление проектами с трекером</h2>
         </div>
-        {loader ? (
+        <div className="tracker__tabs">
-          <Loader />
+          <div className="tracker__tabs__head">
-        ) : (
+            <Link
-          <div className="tracker__tabs">
+              to="/profile/tracker"
-            <div className="tracker__tabs__head">
+              className="tab active-tab"
-              <Link
+              onClick={() => toggleTabs(1)}
-                to="/profile/tracker"
+            >
-                className="tab active-tab"
+              <img src={project} alt="img" />
-                onClick={() => toggleTabs(1)}
+              <p>Проекты </p>
-              >
+            </Link>
-                <img src={project} alt="img" />
+            <Link
-                <p>Проекты </p>
+              to="/profile/tracker"
-              </Link>
+              className="tab"
-              <Link
+              onClick={() => toggleTabs(2)}
-                to="/profile/tracker"
+            >
-                className="tab"
+              <img src={tasks} alt="img" />
-                onClick={() => toggleTabs(2)}
+              <p>Все мои задачи</p>
-              >
+            </Link>
-                <img src={tasks} alt="img" />
+            <Link
-                <p>Все мои задачи</p>
+              to="/profile/tracker"
-              </Link>
+              className="tab"
-              <Link
+              onClick={() => toggleTabs(3)}
-                to="/profile/tracker"
+            >
-                className="tab"
+              <img src={archive} alt="img" />
-                onClick={() => toggleTabs(3)}
+              <p>Архив</p>
-              >
+            </Link>
-                <img src={archive} alt="img" />
+          </div>
-                <p>Архив</p>
+          <div className="tracker__tabs__content">
-              </Link>
+            <div className="tracker__tabs__content__wrapper statistics-body">
-            </div>
+              <div className="statistics-header">
-            <div className="tracker__tabs__content">
+                <div className="statistics-header__menu">
-              <div className="tracker__tabs__content__wrapper statistics-body">
+                  <h1>Статистика проекта</h1>
-                <div className="statistics-header">
+                  <img src={link} alt="#" />
-                  <div className="statistics-header__menu">
+                  <span
-                    <h1>Статистика проекта</h1>
+                    className="return-text"
-                    <img src={link} alt="#" />
+                    onClick={() => copyProjectLink("62")}
-                    <span
+                  >
-                      className="return-text"
+                    ссылка на проект
-                      onClick={() => copyProjectLink("62")}
+                  </span>
-                    >
-                      ссылка на проект
-                    </span>
-                  </div>
-
-                  <div className="statistics-header__return">
-                    <img src={arrow} alt="#" />
-
-                    <Link to={`/profile/tracker`} className="return-text">
-                      К списку проектов
-                    </Link>
-                  </div>
                 </div>
-                <div className="statistics-info">
+
-                  <div className="statistics-info__head">
+                <div className="statistics-header__return">
-                    <p>Проект: </p>
+                  <img src={arrow} alt="#" />
-                    <h1>{projectInfo?.name}</h1>
+
+                  <Link to={`/profile/tracker`} className="return-text">
+                    К списку проектов
+                  </Link>
+                </div>
+              </div>
+              <div className="statistics-info">
+                <div className="statistics-info__head">
+                  <p>Проект: </p>
+                  <h1>{"Разработка трекера"}</h1>
+                </div>
+                <div className="statistics-info__team">
+                  <div className="project-info">
+                    <div className="project-info__creator">
+                      <span className="return-text">Создатель проекта:</span>
+                      <div>
+                        <p>{"Василий Тарасов"}</p>{" "}
+                        <img src={mockAvatar} alt="#" />
+                      </div>
+                    </div>
+                    <div className="project-info__tasks">
+                      <div className="task-quantity">
+                        <p>Открытые задачи</p>
+                        <span className="task-quantity_open">{4}</span>
+                      </div>
+                      <div className="task-quantity">
+                        <p>Задач в работе</p>
+                        <span className="task-quantity_work">{5}</span>
+                      </div>
+                      <div className="task-quantity">
+                        <p>Закрыто задач</p>
+                        <span className="task-quantity_closed">{434}</span>
+                      </div>
+                    </div>
                   </div>
-                  <div className="statistics-info__team">
+                  <div className="list-team">
-                    <div className="project-info">
+                    <div className="list-team__title">
-                      <div className="project-info__creator">
+                      <span className="return-text">Участники проекта:</span>
-                        <span className="return-text">Создатель проекта:</span>
-                        <div>
-                          <p>{projectInfo?.owner_info?.fio}</p>{" "}
-                          <img
-                            src={
-                              projectInfo?.owner_info?.avatar
-                                ? urlForLocal(projectInfo.owner_info.avatar)
-                                : mockAvatar
-                            }
-                            alt="#"
-                          />
-                        </div>
-                      </div>
-                      <div className="project-info__tasks">
-                        <div className="task-quantity">
-                          <p>Открытые задачи</p>
-                          <span className="task-quantity_open">
-                            {projectStatistic?.open_tasks_count}
-                          </span>
-                        </div>
-                        <div className="task-quantity">
-                          <p>Задач в работе</p>
-                          <span className="task-quantity_work">
-                            {projectStatistic?.task_on_work_count}
-                          </span>
-                        </div>
-                        <div className="task-quantity">
-                          <p>Закрыто задач</p>
-                          <span className="task-quantity_closed">
-                            {projectStatistic?.closed_task_count}
-                          </span>
-                        </div>
-                      </div>
                     </div>
-                    <div className="list-team">
+                    <div className="list-team__head">
-                      <div className="list-team__title">
+                      <p>Имя</p>
-                        <span className="return-text">Участники проекта:</span>
+                      <p>Почта</p>
-                      </div>
+                      <p>Роль</p>
-                      <div className="list-team__head">
+                      <p>Статус</p>
-                        <p className="head__name">Имя</p>
+                    </div>
-                        <p className="head__email">Почта</p>
+                    <div className="list-team__body">
-                        <p className="head__role">Роль</p>
+                      {teams.map((item) => {
-                        <p className="head__status">Статус</p>
+                        return (
-                      </div>
+                          <>
-                      <div className="list-team__body">
+                            <div className="list-team__item">
-                        {projectStatistic?.participants.map((person, index) => {
+                              <div className="person-name">
-                          return (
+                                <img src={item.avatar} alt="#" />
-                            <>
+                                <p>{item.name}</p>
-                              <div className="list-team__item" key={index}>
-                                <div className="person-name">
-                                  <img
-                                    src={
-                                      person.avatar
-                                        ? urlForLocal(person.avatar)
-                                        : mockAvatar
-                                    }
-                                    alt="avatar"
-                                  />
-                                  <p>{person.username}</p>
-                                </div>
-                                <div className="person-email">
-                                  <img src={emailImg} alt="#" />
-                                  <p>{person.email}</p>
-                                </div>
-
-                                <p className="person-type">
-                                  {person.role ? person.role : "-"}
-                                </p>
-                                {/* <span className="status status-active"> */}
-
-                                <span
-                                  className={
-                                    person.status
-                                      ? "status status-active"
-                                      : "status status-none"
-                                  }
-                                >
-                                  {person.status ? "Активно" : "Не активно"}
-                                </span>
                               </div>
-                            </>
+                              <div className="person-email">
-                          );
+                                <img src={emailImg} alt="#" />
-                        })}
+                                <p>{item.email}</p>
-                      </div>
+                              </div>
-                    </div>
+
-                    <div className="add-person">
+                              <p className="person-type">{item.role}</p>
-                      <span className="add-person__button">+</span>
+                              {/* <span className="status status-active"> */}
-                      <p>Добавить участника</p>
+
+                              <span
+                                className={
+                                  item.status
+                                    ? "status status-active"
+                                    : "status status-none"
+                                }
+                              >
+                                {item.status ? "Активно" : "Не активно"}
+                              </span>
+                            </div>
+                          </>
+                        );
+                      })}
                     </div>
                   </div>
+                  <div className="add-person">
+                    <span className="add-person__button">+</span>
+                    <p>Добавить участника</p>
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-        )}
+        </div>
       </div>
       <Footer />
     </div>

src/pages/Statistics/statistics.scss

@@ -144,11 +144,6 @@
               line-height: 32px;
               margin-right: 19px;
             }
-
-            img {
-              max-width: 36px;
-              max-height: 36px;
-            }
           }
         }
 
@@ -245,7 +240,7 @@
         &__head {
           display: flex;
           justify-content: space-between;
-          margin-right: 55px;
+          margin-right: 123px;
 
           p {
             color: #5b6871;
@@ -260,30 +255,6 @@
           @media (max-width: 650px) {
             display: none;
           }
-
-          .head {
-            &__name {
-              max-width: 270px;
-              width: 100%;
-            }
-
-            &__email {
-              max-width: 270px;
-              width: 100%;
-            }
-
-            &__role {
-              max-width: 168px;
-              width: 100%;
-              text-align: center;
-            }
-
-            &__status {
-              text-align: center;
-              max-width: 152px;
-              width: 100%;
-            }
-          }
         }
 
         &__item {
@@ -299,18 +270,14 @@
             &-name {
               display: flex;
               align-items: center;
-              max-width: 270px;
+              width: 202px;
-              width: 100%;
               img {
                 margin-right: 10px;
-                max-width: 36px;
-                max-height: 36px;
               }
             }
 
             &-email {
-              max-width: 270px;
+              width: 235px;
-              width: 100%;
               align-items: center;
               display: flex;
 
@@ -325,7 +292,6 @@
 
             &-type {
               width: 168px;
-              text-align: center;
             }
 
             @media (max-width: 850px) {

src/pages/TrackerAuth/trackerAuth.scss

@@ -8,6 +8,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+
     color: #000000;
     padding: 50px 0 0;
 

src/pages/TrackerRegistration/trackerRegistration.scss

@@ -1,15 +1,9 @@
 .tracker-registration {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background-color: #f1f1f1;
-
   &__content {
-    display: flex;
+    background-color: #f1f1f1;
-    flex-direction: column;
-    flex: 1;
     color: #000000;
     padding: 50px 0 0;
+    min-height: 100vh;
 
     @media (max-width: 1375px) {
       padding-top: 100px;