Merge remote-tracking branch 'origin/parthners-area-fix-tracker-modal' into candidate-area

# Conflicts:
#	src/App.js
#	src/pages/Tracker/Tracker.js

src/App.js

@@ -8,29 +8,31 @@ import Home from "./pages/Home/Home";
 import Candidate from "./components/Candidate/Candidate";
 import Calendar from "./components/Calendar/Calendar";
 import ReportForm from "./components/ReportForm/ReportForm";
+import FreeDevelopers from "./components/UI/FreeDevelopers/FreeDevelopers";
 import { ProfileCalendar } from "./components/ProfileCalendar/ProfileCalendar";
-import FormPage from './pages/FormPage/FormPage.js'
+import FormPage from "./pages/FormPage/FormPage.js";
-import SingleReportPage from './pages/SingleReportPage/SingleReportPage'
+import SingleReportPage from "./pages/SingleReportPage/SingleReportPage";
-import {QuizPage} from './pages/quiz/QuizPage'
+import { QuizPage } from "./pages/quiz/QuizPage";
-import {InterjacentPage} from './pages/quiz/InterjacentPage'
+import { InterjacentPage } from "./pages/quiz/InterjacentPage";
-import {QuizTestPage} from './pages/quiz/QuizTestPage'
+import { QuizTestPage } from "./pages/quiz/QuizTestPage";
-import {InstructionPage} from './pages/quiz/InstructionPage'
+import { InstructionPage } from "./pages/quiz/InstructionPage";
-import {ResultPage} from './pages/quiz/ResultPage'
+import { ResultPage } from "./pages/quiz/ResultPage";
-import {Profile} from './pages/Profile/Profile.js'
+import { Profile } from "./pages/Profile/Profile.js";
-import {Summary} from './pages/Summary/Summary'
+import { Summary } from "./pages/Summary/Summary";
-import {ViewReport} from './pages/ViewReport/ViewReport'
+import { ViewReport } from "./pages/ViewReport/ViewReport";
-import {Tracker} from './pages/Tracker/Tracker'
+import { Tracker } from "./pages/Tracker/Tracker";
-import {Payouts} from './pages/Payouts/Payouts'
+import { Payouts } from "./pages/Payouts/Payouts";
-import { PartnerSettings } from "./pages/PartnerSettings/PartnerSettings"
+import { PartnerSettings } from "./pages/PartnerSettings/PartnerSettings";
-import {PartnerRequests} from './pages/PartnerRequests/PartnerRequests'
+import { PartnerRequests } from "./pages/PartnerRequests/PartnerRequests";
-import {PartnerAddRequest} from './pages/PartnerAddRequest/PartnerAddRequest'
+import { PartnerAddRequest } from "./pages/PartnerAddRequest/PartnerAddRequest";
-import {PartnerBid} from './pages/PartnerBid/PartnerBid'
+import { PartnerBid } from "./pages/PartnerBid/PartnerBid";
 import { PartnerCategories } from "./pages/PartnerСategories/PartnerСategories";
 import { PartnerTreaties } from "./pages/PartnerTreaties/PartnerTreaties";
 import { PartnerEmployees } from "./pages/PartnerEmployees/PartnerEmployees";
 import {AuthForCandidate} from "./pages/AuthForCandidate/AuthForCandidate";
 import {RegistrationForCandidate} from "./pages/RegistrationForCandidate/RegistrationForCandidate";
 
+
 import './fonts/stylesheet.css'
 import 'bootstrap/dist/css/bootstrap.min.css'
 
@@ -46,6 +48,7 @@ const App = () => {
 
             <Route exact path='/authdev' element={<AuthForDevelopers/>}/>
             <Route exact path='/auth' element={<AuthForPartners/>}/>
+            <Route exact path="/worker/:id" element={<FreeDevelopers />} />
             <Route exact path='/auth-candidate' element={<AuthForCandidate/>}/>
             <Route exact path='/registration-candidate' element={<RegistrationForCandidate/>}/>
 

src/components/AuthBox/AuthBox.js

@@ -14,6 +14,7 @@ import ModalErrorLogin from "../../components/UI/ModalErrorLogin/ModalErrorLogin
 import { apiRequest } from "../../api/request";
 
 import ellipse from "../../images/ellipse.png";
+import ModalRegistration from "../UI/ModalRegistration/ModalRegistration";
 
 import "./authBox.scss";
 
@@ -27,6 +28,7 @@ export const AuthBox = ({ title }) => {
 
   const [error, setError] = useState(null);
   const [modalError, setModalError] = useState(false);
+  const [modalReg, setModalReg] = useState(false);
 
   useEffect(() => {
     if (!localStorage.getItem("auth_token")) {
@@ -112,11 +114,12 @@ export const AuthBox = ({ title }) => {
             {isLoading ? <Loader /> : "Войти"}
           </button>
 
-          {/* TODO: при клике отправлять на форму/модалку/страницу регистрации */}
+          <ModalRegistration active={modalReg} setActive={setModalReg} />
           <button
             className="auth-box__form-btn--role auth-box__auth-link"
             onClick={(e) => {
               e.preventDefault();
+              setModalReg(true);
             }}
           >
             Регистрация

src/components/AuthHeader/AuthHeader.js

@@ -6,6 +6,13 @@ import userIcon from "../../images/userIcon.png";
 import "./authHeader.scss";
 
 export const AuthHeader = ({}) => {
+  function scrollToForm() {
+    window.scrollTo({
+      top: 850,
+      behavior: "smooth",
+    });
+  }
+
   return (
     <div className="auth-header">
       <div className="auth-header__logo">
@@ -39,7 +46,12 @@ export const AuthHeader = ({}) => {
               </li>
             </ul>
 
-            <a href="#">
+            <a
+              onClick={(e) => {
+                e.preventDefault();
+                scrollToForm();
+              }}
+            >
               <img src={userIcon}></img>
             </a>
           </div>

src/components/AuthHeader/authHeader.scss

@@ -57,6 +57,10 @@
           }
         }
       }
+
+      img {
+        cursor: pointer;
+      }
     }
   }
 }
@@ -67,7 +71,7 @@
   }
 }
 
-@media (max-width: 1024px) {
+@media (max-width: 1375px) {
   .auth-header {
     display: none;
   }

src/components/SideBar/SideBar.js

@@ -1,6 +1,7 @@
 import React, { useState } from "react";
 
 import arrow from "../../images/sideBarArrow.svg";
+import LogoITguild from "../../images/LogoITguild.svg";
 
 import "./sidebar.scss";
 
@@ -41,9 +42,7 @@ export const SideBar = () => {
 
       <div className={active ? "auth-body active" : "auth-body"}>
         <div className="auth-body__title">
-          <h3>IT</h3>
+          <img src={LogoITguild}></img>
-          <p>guild</p>
-          <span>Аутстафинговая компания</span>
         </div>
         <ul className="auth-body__navigation">
           <li>

src/components/SideBar/sidebar.scss

@@ -7,7 +7,7 @@
   height: 100%;
   background: #e1fccf;
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     position: fixed;
     width: 100% !important;
     height: 80px;
@@ -75,7 +75,7 @@
     }
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     flex-direction: row;
     height: 100%;
 
@@ -121,25 +121,7 @@
 
   &__title {
     display: flex;
-    flex-wrap: wrap;
+    margin-top: 24px;
-    h3 {
-      color: #52b709;
-      font-size: 35px;
-      line-height: 32px;
-      margin-right: 10px;
-    }
-
-    p {
-      width: 70%;
-      font-size: 30px;
-      line-height: 32px;
-      color: #000000;
-    }
-
-    span {
-      font-size: 12px;
-      margin-left: 0px;
-    }
   }
 
   &__navigation {
@@ -175,7 +157,7 @@
     }
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     &__title {
       margin-top: 35px;
     }
@@ -199,7 +181,7 @@
     left: 79px;
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: 1375px) {
     left: 0;
     width: 100%;
     height: 535px;

src/components/SliderWorkers/SliderWorkers.js

@@ -6,6 +6,7 @@ import mockWorker from "../../images/mokPerson.png";
 import "./sliderWorkers.scss";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
+import { Link } from "react-router-dom";
 
 export const SliderWorkers = ({ title, titleInfo, subTitle }) => {
   const [workers] = useState([
@@ -15,7 +16,11 @@ export const SliderWorkers = ({title, titleInfo, subTitle}) => {
     },
     {
       avatar: mockWorker,
-      skils: "React / Vue Front end, Middle разработчик",
+      skils: "Vue / React Front end, Senior разработчик",
+    },
+    {
+      avatar: mockWorker,
+      skils: "NodeJs  Fullstack, Middle разработчик",
     },
     {
       avatar: mockWorker,
@@ -23,11 +28,7 @@ export const SliderWorkers = ({title, titleInfo, subTitle}) => {
     },
     {
       avatar: mockWorker,
-      skils: "React / Vue Front end, Middle разработчик",
+      skils: "React / PHP Fullstack, Middle разработчик",
-    },
-    {
-      avatar: mockWorker,
-      skils: "React / Vue Front end, Middle разработчик",
     },
   ]);
 
@@ -49,13 +50,14 @@ export const SliderWorkers = ({title, titleInfo, subTitle}) => {
   return (
     <div className="slider-workers">
       <div className="container">
-        {Boolean(title) ?
+        {Boolean(title) ? (
           <div className="slider-workers__title">
             <h2>{title}</h2>
             <h3>{titleInfo}</h3>
           </div>
-            : ""
+        ) : (
-        }
+          ""
+        )}
         <Slider {...settings}>
           {workers.map((worker, index) => {
             return (
@@ -63,23 +65,26 @@ export const SliderWorkers = ({title, titleInfo, subTitle}) => {
                 <img src={worker.avatar}></img>
                 <div className="worker-description">
                   <p>{worker.skils}</p>
-                  <button className="worker__resume">Подробное резюме</button>
+                  <Link to={`/worker/${index}`} className="worker__resume">
+                    Подробное резюме
+                  </Link>
                 </div>
               </div>
             );
           })}
         </Slider>
-        {Boolean(subTitle) ?
+        {Boolean(subTitle) ? (
           <div className="slider-workers__description">
             <h2>Дополните свою команду опытными ИТ-специалистами</h2>
             <p>
-              Даём финансовые, юридические и кадровые гарантии, предоставляем SLA
+              Даём финансовые, юридические и кадровые гарантии, предоставляем
-              и отвечаем за работу команды. Вам не нужно искать, оформлять или
+              SLA и отвечаем за работу команды. Вам не нужно искать, оформлять
-              увольнять сотрудника — все хлопоты мы берем на себя.
+              или увольнять сотрудника — все хлопоты мы берем на себя.
             </p>
           </div>
-            : ""
+        ) : (
-        }
+          ""
+        )}
       </div>
     </div>
   );

src/components/SliderWorkers/sliderWorkers.scss

@@ -59,6 +59,9 @@
     }
 
     &__resume {
+      display: flex;
+      align-items: center;
+      justify-content: center;
       margin-top: 5px;
       width: 177px;
       height: 40px;
@@ -73,6 +76,7 @@
       &:hover {
         transition: 0.5s;
         background-color: #52b709a8;
+        text-decoration: none;
       }
     }
   }
@@ -121,7 +125,13 @@
     }
   }
 
+  @media (max-width: 1375px) {
+    margin-top: 50px;
+  }
+
   @media (max-width: 1024px) {
+    margin-top: 0;
+
     &__title {
       flex-direction: column;
       padding: 120px 0 56px 0;

src/components/UI/FreeDevelopers/FreeDevelopers.js

@@ -0,0 +1,97 @@
+import React from "react";
+
+import AuthHeader from "../../AuthHeader/AuthHeader";
+import SideBar from "../../SideBar/SideBar";
+import { Footer } from "../../Footer/Footer";
+import { ProfileBreadcrumbs } from "../../ProfileBreadcrumbs/ProfileBreadcrumbs";
+
+import mockWorker from "../../../images/mokPerson.png";
+import arrow from "../../../images/arrow_left.png";
+
+import "./freeDevelopers.scss";
+import { Link } from "react-router-dom";
+
+export const FreeDevelopers = ({}) => {
+  return (
+    <section className="free-dev">
+      <AuthHeader />
+      <SideBar />
+      <div className="container free-dev_page">
+        <ProfileBreadcrumbs
+          links={[
+            { name: "Главная", link: "/auth" },
+            { name: "Свободные разработчики", link: "/worker" },
+          ]}
+        />
+
+        <h2>
+          Свободные разработчики <span>для Вашей команды</span>
+        </h2>
+
+        <Link to={"/auth"} className="link">
+          <img src={arrow}></img>Вернуться
+        </Link>
+
+        <div className="free-dev__title">
+          <div className="free-dev__title-box">
+            <img src={mockWorker}></img>
+            <div className="free-dev__title-name">
+              <h3>Дмитрий, PHP Back end - разработчик, Middle</h3>
+              <div></div>
+            </div>
+          </div>
+          <button className="button-green">Код разработчика</button>
+        </div>
+
+        <div className="free-dev__body">
+          <div className="free-dev__body-title">
+            <p>Описание опыта работы</p>
+          </div>
+
+          <div className="free-dev__body-text">
+            <h5>
+              Godesigner - сервис для фриланс дизайнеров, копирайтеров и их
+              заказчиков
+            </h5>
+            <p>Стек – PHP (li3), HTML, CSS, JavaScript, MYSQL, Nginx.</p>
+            <ul>
+              <li> Расширение функционала старых модулей проекта</li>
+              <li>создание и проектирование новых модулей сайта</li>
+              <li>написание backend части проекта</li>
+              <li>усовершенствование и расширение функционала админ-панели</li>
+              <li>работа с визуальной составляющей</li>
+              <li>создание алгоритма рассылки писем по электронной почте</li>
+              <li>
+                использование API сторонних сервисов, мессенджеров (WhatsApp)
+              </li>
+            </ul>
+            <p>Время разработки: 2 года.</p>
+
+            <div className="free-dev__body-text-bottom">
+              <h5>
+                Godesigner - сервис для фриланс дизайнеров, копирайтеров и их
+                заказчиков
+              </h5>
+              <p>Стек – PHP (li3), HTML, CSS, JavaScript, MYSQL, Nginx.</p>
+              <ul>
+                <li> Расширение функционала старых модулей проекта</li>
+                <li>создание и проектирование новых модулей сайта</li>
+              </ul>
+            </div>
+          </div>
+
+          <div className="logIn">
+            <h3>Для просмотра полного резюме разработчика авторизуйтесь</h3>
+            <Link to={"/auth"} className="button-green">
+              Войти
+            </Link>
+          </div>
+        </div>
+
+        <Footer />
+      </div>
+    </section>
+  );
+};
+
+export default FreeDevelopers;

src/components/UI/FreeDevelopers/freeDevelopers.scss

@@ -0,0 +1,246 @@
+.free-dev {
+  font-family: "LabGrotesque", sans-serif;
+  overflow: hidden;
+  position: relative;
+  background-color: #f1f1f1;
+
+  .link {
+    font-size: 12px;
+    line-height: 16px;
+    color: #5b6871;
+
+    img {
+      margin-right: 20px;
+    }
+  }
+
+  h2 {
+    font-style: normal;
+    font-weight: 500;
+    font-size: 30px;
+    line-height: 32px;
+    color: #000000;
+    margin: 32px 0 36px 0;
+
+    span {
+      color: #52b709;
+      font-size: 30px;
+    }
+  }
+
+  &_page {
+    margin: 24px 0 30px 0;
+  }
+
+  &__title {
+    background: #ffffff;
+    border-radius: 12px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20px 63px 20px 45px;
+    margin: 40px 0 23px 0;
+
+    &-box {
+      display: flex;
+    }
+
+    &-name {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-evenly;
+      margin-left: 47px;
+
+      div {
+        width: 239px;
+        height: 8px;
+        background: #52b709;
+        border-radius: 12px;
+      }
+    }
+
+    @media (max-width: 720px) {
+      flex-direction: column;
+    }
+
+    @media (max-width: 450px) {
+      flex-direction: column;
+
+      &-box {
+        flex-direction: column;
+        align-items: center;
+
+        img {
+          width: 50%;
+        }
+      }
+
+      &-name {
+        margin: 10px 0 10px 0;
+        text-align: center;
+        align-items: center;
+      }
+    }
+  }
+
+  &__body {
+    position: relative;
+    background: #ffffff;
+    border-radius: 12px;
+    margin-bottom: 160px;
+
+    &-title {
+      background: #e1fccf;
+      border-radius: 12px 12px 0px 0px;
+      font-weight: 400;
+      font-size: 18px;
+      line-height: 32px;
+      color: #000000;
+      padding: 20px 0 17px 51px;
+    }
+
+    &-text {
+      font-weight: 700;
+      font-size: 16px;
+      line-height: 32px;
+      color: #000000;
+      padding: 26px 0 30px 52px;
+
+      h5 {
+        font-size: 16px;
+        margin-bottom: 30px;
+      }
+
+      &-bottom {
+        margin-top: 50px;
+        opacity: 0.25;
+      }
+    }
+
+    .logIn {
+      position: absolute;
+      bottom: 75px;
+      border: 3px solid #52b709;
+      border-radius: 12px;
+      background: rgba(255, 255, 255, 0.76);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 97px;
+      cursor: pointer;
+
+      h3 {
+        font-weight: 500;
+        font-size: 22px;
+        line-height: 18px;
+        color: #000000;
+        margin-right: 50px;
+      }
+
+      a {
+        width: 140px;
+        height: 50px;
+        color: white;
+        text-decoration: none;
+      }
+
+      @media (max-width: 920px) {
+        flex-direction: column;
+        padding: 15px;
+        height: 20%;
+
+        h3 {
+          margin: 0 0 0 0;
+          text-align: center;
+        }
+
+        a {
+          margin-top: 15px;
+          height: 25px;
+          height: 40px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 1333px) {
+    .auth-menu {
+      position: fixed;
+      width: 100% !important;
+      height: 80px;
+      margin-bottom: 50px;
+
+      .auth-body.active {
+        left: 0;
+        width: 100%;
+        height: 535px;
+      }
+
+      .auth-body {
+        &__title,
+        &__politic {
+          margin-top: 35px;
+        }
+
+        &__contacts {
+          margin: 50px 0 25px 0;
+        }
+      }
+    }
+
+    .free-dev_page {
+      margin-top: 110px;
+    }
+
+    .auth-header {
+      display: none;
+    }
+
+    .auth-title {
+      flex-direction: row;
+      height: 100%;
+
+      .text {
+        margin: 0;
+        flex-direction: row;
+
+        .burger {
+          margin-bottom: 5px;
+        }
+
+        h3 {
+          display: none;
+        }
+      }
+
+      .outstaffing {
+        margin: 0;
+        width: 150px;
+        font-size: 12px;
+        transform: none;
+
+        img {
+          margin-right: 5px;
+          width: 15px;
+        }
+      }
+    }
+  }
+}
+
+.button-green {
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  background: #52b709;
+  border-radius: 44px;
+  width: 202px;
+  height: 50px;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 32px;
+  color: #ffffff;
+  border: none;
+}

src/components/UI/ModalCreate/ModalCreate.js

@@ -4,7 +4,7 @@ import { setProject } from "../../../redux/projectsTrackerSlice";
 
 import "./ModalCreate.scss";
 
-export const ModalCreate = ({ active, setActive, title }) => {
+export const ModalCreate = ({ active, setActive, title, desc }) => {
   const [inputValue, setInputValue] = useState("");
   const dispatch = useDispatch();
 
@@ -33,6 +33,7 @@ export const ModalCreate = ({ active, setActive, title }) => {
       >
         <div className="title-project">
           <h4>{title}</h4>
+          <p>{desc}</p>
           <div className="input-container">
             <input
               className="name-project"
@@ -40,11 +41,12 @@ export const ModalCreate = ({ active, setActive, title }) => {
               onChange={(e) => setInputValue(e.target.value)}
             ></input>
           </div>
-        </div>
           <button className="create-project" onClick={createName}>
             Создать
           </button>
         </div>
+        <span className="exit" onClick={() => setActive(false)}></span>
+      </div>
     </div>
   );
 };

src/components/UI/ModalCreate/ModalCreate.scss

@@ -12,30 +12,36 @@
   transform: scale(0);
 
   &__content {
+    position: relative;
+    width: 424px;
+    height: 248px;
+    background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
+    border-radius: 40px;
+
     padding: 15px;
-    background: #ffffff;
-    border: 1px solid #dde2e4;
-    border-radius: 8px;
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
 
     .title-project {
       display: flex;
-      align-items: center;
+      align-items: flex-start;
       flex-direction: column;
 
       .input-container {
-        width: 220px;
+        width: 287px;
-        height: 25px;
+        height: 35px;
-        border-radius: 44px;
+        background: #ffffff;
-        border: 1px solid #d1d1d1;
+        border-radius: 8px;
       }
 
       h4 {
-        color: #111112;
+        font-weight: 500;
-        margin-bottom: 10px;
+        font-size: 22px;
-        font-size: 14px !important;
+        line-height: 26px;
+        color: #263238;
+        margin-bottom: 22px;
       }
     }
 
@@ -49,9 +55,9 @@
     }
 
     .create-project {
-      margin: 15px 0 0 0;
+      margin: 30px 0 0 0;
-      width: 188px;
+      width: 130px;
-      height: 40px;
+      height: 37px;
       background: #52b709;
       border-radius: 44px;
       border: none;
@@ -63,6 +69,29 @@
       align-items: center;
       justify-content: center;
     }
+
+    .exit {
+      cursor: pointer;
+      position: absolute;
+      top: 35px;
+      right: 40px;
+
+      &:before,
+      &:after {
+        content: "";
+        position: absolute;
+        width: 16px;
+        height: 2px;
+        background: #263238;
+      }
+
+      &:before {
+        transform: rotate(45deg);
+      }
+      &:after {
+        transform: rotate(-45deg);
+      }
+    }
   }
 }
 

src/components/UI/ModalRegistration/ModalRegistration.js

@@ -0,0 +1,79 @@
+import React from "react";
+
+import tgLogo from "../../../images/TgLogo.svg";
+import doc from "../../../images/doc.svg";
+import anyMoment from "../../../images/anyMoment.svg";
+
+import "./modalRegistration.scss";
+
+export const ModalRegistration = ({ active, setActive }) => {
+  return (
+    <div
+      className={active ? "modal-registration active" : "modal-registration"}
+      onClick={() => setActive(false)}
+    >
+      <div
+        className="modal-registration__content"
+        onClick={(e) => e.stopPropagation()}
+      >
+        <div className="body-reg__left">
+          <h2>
+            Подключайтесь к <p>itguild.</p>
+          </h2>
+          <p className="body-reg__left-desc">
+            Зарегистрируйтесь и назначайте собеседования любым специалистам без
+            задержек
+          </p>
+
+          <div className="input-body">
+            <div className="input-body__box">
+              <h5>Ваше имя</h5>
+              <input></input>
+              <h5>E-mail</h5>
+              <input></input>
+            </div>
+
+            <div className="input-body__box">
+              <h5>Название компании</h5>
+              <input></input>
+              <h5>Пароль</h5>
+              <input></input>
+            </div>
+          </div>
+          <div className="button-box">
+            <button onClick={(e) => e.preventDefault()}>Отправить</button>
+            <h5>
+              У вас уже есть аккаунт? <p>Войти</p>
+            </h5>
+          </div>
+        </div>
+        <div className="body-reg__right">
+          <h4>Отказ от специалиста в любой момент</h4>
+          <div className="body-reg__right-text">
+            <img src={anyMoment}></img>
+            <p>
+              Поменяйте, откажитесь или возьмите еще специалиста в любой момент
+              работы.
+            </p>
+          </div>
+          <h4>100% постоплата</h4>
+          <div className="body-reg__right-text">
+            <img src={doc}></img>
+            <p>
+              Договор не подразумевает какую‑либо оплату до того, как вы
+              арендовали специалиста
+            </p>
+          </div>
+          <h4>Есть вопросы?</h4>
+          <div className="body-reg__right-text">
+            <img src={tgLogo}></img>
+            <p>Напишите нам в Телеграм. Мы с удовольствием ответим!</p>
+          </div>
+        </div>
+        <span onClick={() => setActive(false)}></span>
+      </div>
+    </div>
+  );
+};
+
+export default ModalRegistration;

src/components/UI/ModalRegistration/modalRegistration.scss

@@ -0,0 +1,174 @@
+.modal-registration {
+  z-index: 9;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.11);
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: scale(0);
+
+  &__content {
+    position: relative;
+    background: white;
+    display: flex;
+    flex-direction: row;
+
+    justify-content: space-between;
+    border: 1px solid #dde2e4;
+    border-radius: 8px;
+    width: 1088px;
+    height: 529px;
+
+    .body-reg {
+      &__left {
+        padding: 60px 0 30px 77px;
+
+        h2 {
+          font-weight: 500;
+          font-size: 35px;
+          line-height: 32px;
+          display: flex;
+          justify-content: space-between;
+          width: 405px;
+          margin: 0 auto;
+        }
+
+        h2 > p {
+          font-size: 35px;
+          color: #52b709;
+        }
+
+        &-desc {
+          text-align: center;
+          width: 500px;
+          font-weight: 500;
+          font-size: 16px;
+          line-height: 28px;
+          margin: 20px auto 0 auto;
+        }
+
+        .input-body {
+          margin-top: 44px;
+          display: flex;
+          flex-direction: row;
+
+          &__box {
+            margin-right: 25px;
+            display: flex;
+            flex-direction: column;
+
+            h5 {
+              font-weight: 400;
+              font-size: 15px;
+              line-height: 18px;
+            }
+
+            input {
+              width: 294px;
+              height: 35px;
+              background: #eff2f7;
+              border-radius: 8px;
+              border: none;
+              margin-bottom: 35px;
+              padding-left: 20px;
+            }
+          }
+        }
+
+        .button-box {
+          display: flex;
+          flex-direction: row;
+          margin-top: 10px;
+
+          button {
+            width: 174px;
+            height: 46px;
+            background: #52b709;
+            border-radius: 44px;
+            border: none;
+            font-size: 18px;
+            line-height: 32px;
+            color: white;
+            margin-right: 55px;
+          }
+
+          h5 {
+            display: flex;
+            align-items: flex-end;
+            font-size: 16px;
+            line-height: 28px;
+
+            p {
+              color: #406128;
+              text-decoration: underline;
+              margin: 0 0 0 5px;
+            }
+          }
+        }
+      }
+
+      &__right {
+        border-left: 1px solid #f1f1f1;
+        padding: 80px 32px 46px 25px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+
+        h4 {
+          font-weight: 900;
+          font-size: 14px;
+          line-height: 24px;
+          color: #52b709;
+          margin-right: 100px;
+          width: 180px;
+        }
+
+        &-text {
+          display: flex;
+          flex-direction: row;
+
+          p {
+            font-weight: 400;
+            font-size: 12px;
+            line-height: 22px;
+            width: 205px;
+          }
+
+          img {
+            margin: 0 18px 20px 0;
+          }
+        }
+      }
+    }
+    span {
+      cursor: pointer;
+      position: absolute;
+      top: 30px;
+      right: 36px;
+
+      &:before,
+      &:after {
+        content: "";
+        position: absolute;
+        width: 16px;
+        height: 2px;
+        background: #263238;
+      }
+
+      &:before {
+        transform: rotate(45deg);
+      }
+      &:after {
+        transform: rotate(-45deg);
+      }
+    }
+  }
+}
+
+.modal-registration.active {
+  transform: scale(1);
+}

src/components/UI/ModalTiket/ModalTiket.js

@@ -1,15 +1,20 @@
 import React, { useState } from "react";
-import "./ModalTiket.scss";
 
-import creatorMock from "../../../images/avatarMoсkCreator.png";
 import avatarMock1 from "../../../images/avatarMoсk1.png";
 import avatarMock2 from "../../../images/avatarMoсk2.png";
 import category from "../../../images/category.png";
-import comments from "../../../images/commentsBoard.svg";
 import watch from "../../../images/watch.png";
-import files from "../../../images/filesBoard.svg";
+import file from "../../../images/fileModal.svg";
 import task from "../../../images/tasksMock.png";
 import arrow from "../../../images/arrowStart.png";
+import link from "../../../images/link.svg";
+import archive from "../../../images/archive.svg";
+import del from "../../../images/delete.svg";
+import edit from "../../../images/edit.svg";
+import send from "../../../images/send.svg";
+import plus from "../../../images/plus.svg";
+
+import "./ModalTiket.scss";
 
 export const ModalTiket = ({ active, setActive }) => {
   const [tiket] = useState({
@@ -44,13 +49,10 @@ export const ModalTiket = ({ active, setActive }) => {
           <h3 className="title-project">
             <img src={category} className="title-project__category"></img>
             Проект: {tiket.name}
-            <div className="title-project__menu">
-              <p>Редактировать</p>
-              <p>Удалить</p>
-            </div>
           </h3>
 
           <div className="content__task">
+            <span>Задача</span>
             <h5>{tiket.code}</h5>
             <div className="content__description">
               <p>{tiket.descriptions}</p>
@@ -58,20 +60,29 @@ export const ModalTiket = ({ active, setActive }) => {
               <p>{tiket.descriptions}</p>
             </div>
             <div className="content__communication">
-              <p className="comment">
+              <p className="tasks">
-                <img src={comments}></img>
+                <button>
-                <span>{0}</span>
+                  <img src={plus}></img>
-                Коментариев
+                  Добавить под задачу
+                </button>
               </p>
               <p className="file">
-                <img src={files}></img>
+                <button>
+                  <img src={file}></img>
+                  Загрузить файл
+                </button>
                 <span>{0}</span>
                 Файлов
               </p>
             </div>
+            <div className="content__input">
+              <input placeholder="Оставить комментарий"></input>
+              <img src={send}></img>
+            </div>
           </div>
         </div>
         <div className="workers">
+          <div className="workers_box">
             <span className="exit" onClick={() => setActive(false)}></span>
             <span>{tiket.code}</span>
             <p className="workers__creator">Создатель : {tiket.creator}</p>
@@ -90,7 +101,9 @@ export const ModalTiket = ({ active, setActive }) => {
               <button>+</button>
               <span>Добавить участников</span>
             </div>
+          </div>
 
+          <div className="workers_box-middle">
             <div className="time">
               <img src={watch}></img>
               <span>Длительность : </span>
@@ -101,6 +114,26 @@ export const ModalTiket = ({ active, setActive }) => {
               Начать делать <img src={arrow}></img>
             </button>
           </div>
+
+          <div className="workers_box-bottom">
+            <div>
+              <img src={edit}></img>
+              <p>редактировать</p>
+            </div>
+            <div>
+              <img src={link}></img>
+              <p>ссылка на проект</p>
+            </div>
+            <div>
+              <img src={archive}></img>
+              <p>в архив</p>
+            </div>
+            <div>
+              <img src={del}></img>
+              <p>удалить</p>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   );

src/components/UI/ModalTiket/ModalTiket.scss

@@ -30,46 +30,35 @@
     margin: 26px 0 0 21px;
 
     .title-project {
+      color: #1458dd;
       font-family: "LabGrotesque", sans-serif;
       display: flex;
       align-items: center;
       font-weight: 700;
-      font-size: 16px;
+      font-size: 22px;
+      line-height: 32px;
 
       &__category {
         margin-right: 17px;
       }
-
-      &__menu {
-        display: flex;
-        align-items: center;
-        margin-left: 110px;
-
-        p {
-          font-weight: 400;
-          font-size: 14px;
-          color: #252c32;
-          margin: 0 30px 0 0;
-
-          &:hover {
-            cursor: pointer;
-            text-decoration: underline;
-          }
-        }
-      }
     }
 
     &__task {
-      margin-top: 22px;
+      margin-top: -5px;
       padding: 18px;
 
+      button {
+        img {
+          margin-right: 5px;
+        }
+      }
+
       h5 {
         font-family: "Inter", sans-serif;
         font-weight: 500;
         font-style: normal;
         font-size: 16px;
         line-height: 24px;
-
         color: #1a1919;
       }
     }
@@ -93,12 +82,23 @@
       flex-direction: row;
       margin: 29px 0 0 -5px;
 
-      .comment {
+      .tasks {
-        width: 100px;
         justify-content: space-evenly;
+
+        button {
+          width: 180px;
+          height: 40px;
+          background: #52b709;
+          border-radius: 44px;
+          font-weight: 400;
+          font-size: 12px;
+          line-height: 32px;
+          border: none;
+          color: #ffffff;
+        }
       }
 
-      .comment,
+      .tasks,
       .file {
         display: flex;
         align-items: center;
@@ -107,7 +107,61 @@
       .file {
         justify-content: space-between;
         margin-left: 20px;
-        width: 70px;
+
+        button {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: white;
+          width: 166px;
+          height: 40px;
+          border: 0.5px solid #1458dd;
+          border-radius: 44px;
+          font-weight: 400;
+          font-size: 12px;
+          line-height: 32px;
+          color: #1458dd;
+
+          img {
+            margin-right: 9px;
+          }
+        }
+
+        span {
+          margin: 0 3px 0 11px;
+          font-weight: 500;
+          font-size: 12px;
+          line-height: 15px;
+          color: #6e7c87;
+        }
+      }
+    }
+
+    &__input {
+      margin: 20px 0 20px 0;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 438px;
+      height: 40px;
+      background: #f1f1f1;
+      border-radius: 44px;
+
+      input {
+        width: 80%;
+        background: inherit;
+        border: none;
+        outline: none;
+        padding-left: 30px;
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 32px;
+        border-radius: 44px;
+      }
+
+      img {
+        cursor: pointer;
+        margin-right: 18px;
       }
     }
   }
@@ -115,14 +169,12 @@
   .workers {
     position: relative;
     border-left: 1px solid #f1f1f1;
-    width: 300px;
-    padding: 40px;
 
     .exit {
       cursor: pointer;
       position: absolute;
-      top: 22px;
+      top: 35px;
-      right: 31px;
+      right: 40px;
 
       &:before,
       &:after {
@@ -224,5 +276,31 @@
         color: #807777;
       }
     }
+
+    &_box {
+      padding: 25px 85px 40px 40px;
+      border-bottom: 1px solid #f1f1f1;
+
+      &-middle {
+        padding: 0px 40px 25px 40px;
+        border-bottom: 1px solid #f1f1f1;
+      }
+
+      &-bottom {
+        padding: 40px 0 75px 56px;
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 38px;
+
+        div {
+          display: flex;
+          align-items: center;
+
+          p {
+            margin: 0 0 0 12px;
+          }
+        }
+      }
+    }
   }
 }

src/images/anyMoment.svg

@@ -0,0 +1,29 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_714_1262)">
+<path d="M25.8484 26.486C26.3656 27.3941 26.8303 28.1986 27.2838 29.0106C27.6498 29.6665 27.4674 29.9813 26.7129 29.9788C24.0333 29.9713 24.3031 30.2561 22.9515 27.8164C22.9015 27.7252 22.844 27.639 22.7916 27.5491C22.2944 26.6838 22.0125 25.7581 21.9459 24.772C21.4812 25.228 21.0439 25.6502 20.6142 26.0787C20.4493 26.2436 20.4818 26.4622 20.4818 26.6696C20.4818 27.273 20.4955 27.8763 20.478 28.4797C20.4543 29.3429 19.8372 29.9476 18.9715 29.9825C17.9804 30.0225 17.4849 29.5511 17.4849 28.5684C17.4849 27.5903 17.5036 26.6121 17.4774 25.6352C17.4624 25.0531 17.6535 24.5946 18.067 24.1912C18.9602 23.3192 19.8347 22.4298 20.7166 21.5453C20.9165 21.3454 21.1189 19.8126 20.9702 19.589C20.854 19.4141 20.6642 19.5003 20.5093 19.4991C19.3862 19.4916 18.2619 19.4991 17.1389 19.4941C16.0883 19.4891 15.4961 18.8845 15.4874 17.8239C15.4799 16.9411 15.9221 16.4997 16.8141 16.4997C17.9584 16.4997 19.1026 16.486 20.2469 16.5085C20.5967 16.5147 20.8391 16.4273 21.0152 16.1212C21.1176 15.9426 21.2438 15.7689 21.3912 15.6265C21.8659 15.1643 21.8822 14.6908 21.651 14.0662C21.2988 13.1143 21.4162 12.0837 21.5336 11.1043C21.6548 10.0925 22.6529 9.43038 23.6698 9.51407C24.6629 9.59652 25.4637 10.4497 25.4699 11.4841C25.4774 12.6371 25.6823 13.8401 24.6754 14.7895C25.5586 15.2268 26.3731 15.6228 27.1801 16.0325C28.1957 16.5484 28.4418 17.1268 28.1208 18.2199C27.8409 19.173 27.5648 20.1274 27.265 21.0743C27.1614 21.4029 27.2113 21.5178 27.5786 21.5016C28.1595 21.4753 28.7429 21.5028 29.3262 21.4916C29.7722 21.4828 29.9733 21.6852 29.9721 22.1287C29.9671 23.3554 29.9609 24.5834 29.9746 25.8101C29.9808 26.3311 29.7297 26.4997 29.2426 26.4922C28.1432 26.476 27.0439 26.4872 25.8472 26.4872L25.8484 26.486ZM26.1732 21.2243C26.5168 20.0987 26.8603 18.9744 27.2013 17.8501C27.33 17.4241 27.1863 17.1518 26.7728 16.9569C25.8747 16.5334 24.9952 16.0725 24.107 15.6265C23.3562 15.2505 23.245 15.0319 23.7822 14.421C24.5742 13.5203 24.5267 12.4822 24.463 11.4279C24.4306 10.8857 24.0708 10.5497 23.5261 10.5209C22.9765 10.4922 22.5692 10.8045 22.5155 11.3367C22.4418 12.0762 22.2644 12.9032 22.5742 13.5565C23.1526 14.7733 22.8253 15.6765 21.9683 16.5409C21.8084 16.7021 21.681 16.897 21.5549 17.0868C21.3537 17.3892 21.1001 17.5141 20.7216 17.5078C19.4737 17.4853 18.2257 17.4941 16.979 17.5078C16.8203 17.5091 16.5642 17.3704 16.5055 17.6327C16.453 17.8676 16.4418 18.1287 16.6429 18.3373C16.8278 18.5284 17.0589 18.4985 17.285 18.4985C18.6154 18.4985 19.9471 18.5097 21.2775 18.4935C21.7835 18.4872 21.9996 18.6921 21.9858 19.1968C21.9683 19.8614 21.9646 20.5284 21.9883 21.193C22.0021 21.5553 21.8834 21.8139 21.6261 22.0662C20.6879 22.9807 19.7722 23.9176 18.8416 24.8395C18.6279 25.0519 18.4743 25.2617 18.4805 25.5915C18.498 26.5897 18.5093 27.589 18.4755 28.5859C18.4618 28.9969 18.6504 29.0194 18.954 28.9844C19.3362 28.9407 19.4874 28.7158 19.4849 28.3486C19.4812 27.7664 19.5024 27.183 19.4787 26.6021C19.4549 26.0425 19.651 25.599 20.0458 25.213C20.7741 24.501 21.4799 23.7652 22.2182 23.0631C22.3681 22.9207 22.4993 22.476 22.8266 22.8407C23.0164 23.0531 23.5486 23.2168 23.0464 23.6502C22.9752 23.7115 22.9915 23.8813 22.9802 24.0025C22.8803 25.1418 22.9802 26.2286 23.726 27.1755C23.9421 27.4491 24.1257 27.7652 24.2482 28.0912C24.5742 28.9569 25.1963 29.1406 26.0658 28.9269C25.6436 28.1812 25.2276 27.4454 24.8128 26.7108C24.7391 26.5809 24.6592 26.4935 24.483 26.4822C24.0508 26.4535 23.9696 26.1574 23.9733 25.7802C23.9846 24.7608 23.9596 23.7414 23.9846 22.7233C23.9958 22.2649 23.7547 21.6815 24.4518 21.4666C24.3194 21.0069 24.0958 20.5572 24.2544 20.0612C24.4618 19.4104 24.6792 18.7633 24.9028 18.1187C24.9452 17.995 24.9715 17.8576 25.1938 17.8851C25.7835 17.96 25.9359 18.1737 25.7497 18.7408C25.6398 19.0756 25.5411 19.4129 25.4287 19.7464C25.0814 20.7758 25.0989 20.8145 26.172 21.2268L26.1732 21.2243ZM27.0214 24.4897C26.5018 24.4897 25.9783 24.5234 25.4624 24.4797C25.0214 24.4422 24.964 24.6271 24.9652 25.0069C24.9652 25.3679 25.0227 25.5141 25.4337 25.5003C26.4518 25.4666 27.4724 25.4629 28.4893 25.5003C28.9302 25.5166 28.9702 25.3454 28.9877 24.9732C29.0102 24.5309 28.8328 24.461 28.4555 24.4835C27.9796 24.5122 27.4999 24.4897 27.0214 24.4897ZM26.9727 23.4903C27.5136 23.4903 28.057 23.4579 28.5942 23.5003C29.0527 23.5366 28.9777 23.2567 28.9727 22.9944C28.9677 22.7421 29.0702 22.4647 28.6017 22.4797C27.5211 22.5159 26.4393 22.501 25.3587 22.4847C25.0652 22.481 24.9927 22.5634 24.9652 22.862C24.9165 23.3804 25.0764 23.559 25.6036 23.5003C26.0558 23.4504 26.5168 23.4903 26.9752 23.4903H26.9727Z" fill="#080809"/>
+<path d="M8.00458 24.8257C8.22569 26.7145 6.81282 27.9163 6.09077 29.4103C5.93337 29.7351 5.5636 29.925 5.21632 29.9488C4.47054 30 3.71851 30.0012 2.97272 29.9662C2.53924 29.9463 2.39308 29.5702 2.62919 29.1368C3.01644 28.4272 3.42744 27.7314 3.82719 27.0293C3.91588 26.8732 3.99958 26.7133 4.12325 26.4859C2.96773 26.4859 1.8934 26.4659 0.820317 26.4934C0.241929 26.5084 -0.0166595 26.3198 0.000829544 25.7064C0.03206 24.5634 0.03206 23.4178 0.000829544 22.2748C-0.0154103 21.6677 0.233184 21.4566 0.81657 21.4853C1.45867 21.5165 2.10327 21.4928 2.81782 21.4928C2.48927 20.376 2.17572 19.3079 1.86217 18.2398C1.53112 17.1118 1.77847 16.5446 2.83281 16.0175C3.62856 15.6202 4.42432 15.2255 5.29377 14.792C4.27691 13.8176 4.49052 12.5734 4.51301 11.3829C4.533 10.3498 5.43618 9.52027 6.47054 9.50903C7.51613 9.49779 8.45555 10.2935 8.48178 11.3216C8.50926 12.4122 8.66292 13.5278 8.16948 14.5746C8.06079 14.8057 8.12575 14.9981 8.27191 15.2067C8.87487 16.0662 9.70685 16.4972 10.7679 16.4997C11.7872 16.4997 12.8066 16.5097 13.8259 16.4959C14.3056 16.4897 14.513 16.7045 14.4943 17.1742C14.4843 17.4228 14.4968 17.6739 14.4918 17.9225C14.4718 18.8632 13.8659 19.4828 12.929 19.4928C11.7647 19.5053 10.5992 19.5103 9.43493 19.4878C9.07641 19.4803 9.02019 19.6002 8.98522 19.9375C8.88778 20.8719 9.13137 21.5927 9.89465 22.2086C10.6192 22.7932 11.2226 23.5253 11.8959 24.1749C12.3094 24.5734 12.513 25.0293 12.503 25.6115C12.4818 26.797 12.498 27.9825 12.4955 29.168C12.4943 29.8925 12.4031 29.9775 11.6548 29.9812C11.405 29.9812 11.1551 29.9937 10.9065 29.9762C10.142 29.9225 9.55486 29.3279 9.50364 28.5634C9.4924 28.3972 9.47866 28.2273 9.50364 28.0649C9.71851 26.687 9.32375 25.5752 8.00708 24.8257H8.00458ZM3.8834 28.9719C4.57297 28.9619 5.21257 29.1742 5.58109 28.3585C5.92962 27.5877 6.48178 26.9069 6.81282 26.1299C7.1651 25.3054 7.1701 24.3822 6.82282 23.559C6.61295 23.0643 7.02644 23.0518 7.16011 22.8357C7.34374 22.5384 7.50489 22.7895 7.63981 22.9244C8.40808 23.6864 9.1651 24.4584 9.93712 25.2155C10.3319 25.6027 10.5205 26.0499 10.5005 26.6071C10.478 27.2092 10.4868 27.8138 10.5005 28.4172C10.5105 28.8844 10.8166 28.9894 11.2213 28.9869C11.6873 28.9844 11.4537 28.6421 11.4862 28.4497C11.5236 28.2273 11.4612 27.9875 11.4999 27.7651C11.8234 25.9113 11.2138 24.4484 9.67478 23.3766C8.2157 22.361 7.73225 20.9781 7.97834 19.2429C8.05704 18.6845 8.22444 18.4759 8.77784 18.4897C9.79721 18.5146 10.8166 18.4972 11.8359 18.4972C12.2307 18.4972 12.6292 18.5234 13.0202 18.4822C13.4499 18.4359 13.5074 18.1012 13.4936 17.7389C13.4774 17.3266 13.1664 17.5153 12.989 17.5078C12.3656 17.4853 11.741 17.5153 11.1176 17.4953C10.3319 17.4691 9.45492 17.7476 8.78659 17.3866C8.10077 17.0168 7.78222 16.1474 7.26004 15.5303C7.0052 15.2292 6.9365 14.9269 7.11638 14.5609C7.59733 13.589 7.52363 12.5421 7.49365 11.5065C7.47616 10.9156 7.04518 10.5134 6.50302 10.5122C5.96085 10.5122 5.54486 10.9119 5.50989 11.5053C5.44743 12.5709 5.45492 13.599 6.24443 14.4859C6.70664 15.0056 6.59296 15.2729 5.97335 15.5877C5.05142 16.0562 4.1295 16.5284 3.19258 16.9656C2.7666 17.1642 2.65917 17.4516 2.78534 17.8676C3.09889 18.8969 3.41495 19.925 3.73225 20.9531C3.76473 21.0568 3.71976 21.2142 3.91338 21.2205C4.37185 21.2367 4.8453 20.6421 4.70664 20.1924C4.523 19.6002 4.33437 19.0081 4.11201 18.4285C4.00957 18.1624 4.15199 18.0562 4.33312 18.0562C4.56922 18.0562 4.87528 17.6215 5.01644 18.0225C5.31751 18.8732 5.74599 19.6964 5.76098 20.6321C5.76723 21.0268 5.23631 21.5103 5.95586 21.8076C6.02457 21.8363 5.99958 22.1186 5.99958 22.2823C6.00333 23.2804 6.01082 24.2798 5.99708 25.2779C5.99084 25.8038 6.20445 26.4734 5.30876 26.5209C5.26879 26.5234 5.22631 26.6071 5.19633 26.6596C4.76785 27.4103 4.34062 28.1624 3.88215 28.9694L3.8834 28.9719ZM2.94774 25.4878C3.50864 25.4878 4.07328 25.4553 4.63169 25.4978C5.10139 25.5328 4.99646 25.2354 5.0027 24.9844C5.00895 24.7208 5.07766 24.4622 4.62419 24.4784C3.60608 24.5146 2.58671 24.5059 1.5686 24.4822C1.17634 24.4734 0.99146 24.5109 0.987713 24.9944C0.983965 25.4965 1.20258 25.514 1.57734 25.494C2.03331 25.4703 2.49177 25.4878 2.94899 25.4878H2.94774ZM2.96023 23.4903C3.50114 23.4903 4.0433 23.4641 4.58172 23.499C4.96273 23.524 5.04268 23.3679 5.00645 23.0368C4.97772 22.7695 5.11388 22.4634 4.61045 22.4809C3.55111 22.5184 2.48927 22.5196 1.42994 22.4797C0.96023 22.4609 1.02144 22.7095 1.0002 23.0093C0.973971 23.3729 1.05142 23.5353 1.46367 23.5015C1.95961 23.4603 2.46054 23.4915 2.96023 23.4915V23.4903Z" fill="#080809"/>
+<path d="M20.9833 6.05123C20.9833 7.15304 20.9883 8.2561 20.9821 9.35791C20.9758 10.4073 20.37 11.0419 19.3106 10.9894C18.711 10.9594 18.5011 11.1018 18.38 11.7264C18.0364 13.4841 16.5461 14.5784 14.776 14.4997C13.137 14.426 11.7366 13.1405 11.528 11.4316C11.4768 11.0056 11.3106 11.0031 10.9933 11.0019C9.45305 10.9969 8.99958 10.5322 8.99958 8.99189C8.99958 6.91194 8.99833 4.83324 8.99958 2.75329C8.99958 1.60526 9.57672 1.00438 10.7123 1.03061C11.2557 1.04311 11.6454 1.01812 11.503 0.304818C11.4231 -0.101179 11.7716 0.0162479 11.959 0.0324878C12.1551 0.0499768 12.5599 -0.159892 12.4824 0.296073C12.3525 1.06684 12.7872 1.04186 13.3331 1.02936C14.5599 1.00063 15.7878 1.00438 17.0133 1.02936C17.3893 1.03686 17.563 0.951913 17.4868 0.55716C17.4043 0.128678 17.568 0.00750337 18.0114 0.00250649C18.4699 -0.00249038 18.5399 0.189889 18.4824 0.547166C18.4224 0.92568 18.5524 1.08808 18.9484 1.02437C19.1108 0.998134 19.2807 1.01562 19.4468 1.02062C20.3475 1.04685 20.9671 1.65397 20.9783 2.55716C20.9921 3.72143 20.9821 4.8857 20.9821 6.05123H20.9833ZM9.9977 7.09308C9.9977 7.7789 10.0015 8.46597 9.99646 9.15179C9.99396 9.51406 9.97147 9.88008 10.4324 9.99751C11.1145 10.1712 11.5905 10.0025 11.8278 9.52655C12.4424 8.28733 13.4443 7.58777 14.8234 7.52281C16.2588 7.45535 17.4081 8.06872 18.0339 9.35166C18.3412 9.98127 18.7098 10.0412 19.2757 10.0187C19.7741 10 19.9927 9.80263 19.989 9.3017C19.9777 7.84635 19.9777 6.38976 19.9915 4.93442C19.994 4.62961 19.9402 4.50594 19.5905 4.50844C16.5336 4.52343 13.4768 4.52468 10.4187 4.50844C10.0377 4.50594 9.98147 4.64585 9.99146 4.9744C10.0127 5.68021 9.9977 6.38852 9.9977 7.09557V7.09308ZM14.9659 13.5016C16.3262 13.5141 17.4718 12.391 17.4855 11.0294C17.4993 9.66897 16.375 8.52218 15.0146 8.51094C13.6454 8.49845 12.5086 9.61525 12.4974 10.9819C12.4861 12.3498 13.6017 13.4891 14.9659 13.5016ZM14.9708 3.51656C16.4886 3.51656 18.0064 3.51906 19.5243 3.51281C19.6754 3.51281 19.9427 3.60401 19.959 3.41412C19.9915 3.03186 20.1089 2.60838 19.879 2.25735C19.6092 1.8451 19.1545 2.07496 18.781 2.01875C18.5136 1.97877 18.5136 2.13867 18.4712 2.34604C18.4037 2.67584 18.1014 2.49095 17.9078 2.50719C17.7629 2.51968 17.4793 2.63836 17.4955 2.31731C17.513 1.98252 17.3131 2.0175 17.1008 2.01875C15.7079 2.02124 14.315 2.02 12.9209 2.01875C12.696 2.01875 12.4674 1.96253 12.4762 2.3398C12.4799 2.52093 11.5455 2.61712 11.5267 2.44598C11.4368 1.62274 10.8097 2.03249 10.4949 2.05497C9.77409 2.10869 10.0502 2.75329 9.9977 3.18802C9.93774 3.6877 10.3225 3.50907 10.5411 3.51031C12.0177 3.52281 13.493 3.51656 14.9696 3.51656H14.9708Z" fill="#080809"/>
+<path d="M1.51148 14.1462C1.86001 9.92507 3.75758 6.40477 7.39905 3.85761C7.66513 3.67148 7.82004 3.66148 7.94746 3.96879C8.04615 4.20739 8.43965 4.38103 7.96994 4.70333C5.07051 6.68959 3.3266 9.43787 2.69449 12.8895C2.59705 13.4191 2.51835 13.9625 2.53209 14.4972C2.54459 14.9794 2.34096 15.0019 1.95121 15.0169C1.51898 15.0344 1.46151 14.8482 1.50898 14.5072C1.51773 14.446 1.50898 14.3823 1.50898 14.1449L1.51148 14.1462Z" fill="#080809"/>
+<path d="M28.4872 14.3873C28.481 14.9844 28.2336 15.1593 27.649 15.0056C27.3517 14.9269 27.4803 14.7083 27.4729 14.5559C27.2955 11.2205 26.0425 8.36852 23.659 6.02123C23.1543 5.52529 22.6159 5.06183 22.01 4.69831C21.5141 4.40225 21.9476 4.19987 22.04 3.96377C22.1624 3.65146 22.3323 3.67395 22.5897 3.85509C25.8851 6.18363 27.8301 9.32792 28.3623 13.3354C28.4085 13.6852 28.446 14.0362 28.4872 14.386V14.3873Z" fill="#080809"/>
+<path d="M14.9808 28.4697C14.691 28.4697 14.3999 28.4572 14.1101 28.4722C13.5717 28.5009 13.3743 28.2861 13.488 27.7389C13.5417 27.4778 13.6079 27.3891 13.8828 27.4229C14.626 27.5166 15.3731 27.519 16.1164 27.4204C16.4099 27.3804 16.5136 27.5116 16.4774 27.7601C16.4424 27.9963 16.7422 28.3835 16.2226 28.4285C15.8103 28.4647 15.3956 28.4784 14.9821 28.5022C14.9821 28.4909 14.9821 28.4809 14.9821 28.4697H14.9808Z" fill="#080809"/>
+<path d="M26.1737 21.2242C25.1006 20.812 25.0832 20.7733 25.4304 19.7439C25.5429 19.4104 25.6428 19.0731 25.7515 18.7383C25.9376 18.1724 25.784 17.9575 25.1956 17.8826C24.9732 17.8551 24.947 17.9925 24.9045 18.1162C24.6822 18.7608 24.4635 19.4079 24.2562 20.0587C24.0988 20.5547 24.3224 21.0044 24.4535 21.4641C23.7565 21.6802 23.9976 22.2623 23.9863 22.7208C23.9614 23.7389 23.9863 24.7583 23.9751 25.7776C23.9713 26.1549 24.0525 26.451 24.4848 26.4797C24.6622 26.4909 24.7421 26.5796 24.8146 26.7083C25.2306 27.4428 25.6453 28.1774 26.0675 28.9244C25.1981 29.138 24.5772 28.9544 24.2499 28.0887C24.1275 27.7639 23.9426 27.4466 23.7278 27.173C22.9807 26.2261 22.882 25.1393 22.982 24C22.992 23.8788 22.977 23.7089 23.0482 23.6477C23.5504 23.2142 23.0182 23.0506 22.8283 22.8382C22.501 22.4722 22.3698 22.9182 22.2199 23.0606C21.4817 23.7627 20.7758 24.4984 20.0476 25.2105C19.6528 25.5965 19.4567 26.04 19.4804 26.5996C19.5054 27.1805 19.4829 27.7639 19.4867 28.346C19.4892 28.7121 19.338 28.9369 18.9557 28.9819C18.6522 29.0169 18.4635 28.9944 18.4773 28.5834C18.511 27.5865 18.4998 26.5871 18.4823 25.589C18.476 25.2592 18.6297 25.0493 18.8433 24.837C19.774 23.9151 20.6897 22.9769 21.6278 22.0637C21.8864 21.8126 22.0038 21.554 21.9901 21.1905C21.9651 20.5259 21.9701 19.8601 21.9876 19.1943C22.0013 18.6896 21.7852 18.4847 21.2793 18.4909C19.9489 18.5072 18.6172 18.4972 17.2868 18.4959C17.0607 18.4959 16.8296 18.5259 16.6447 18.3348C16.4436 18.1262 16.4548 17.8651 16.5073 17.6302C16.566 17.3679 16.8221 17.5066 16.9807 17.5053C18.2287 17.4928 19.4767 17.4841 20.7234 17.5053C21.1006 17.5128 21.3555 17.3866 21.5566 17.0843C21.6828 16.8944 21.8102 16.6996 21.9701 16.5384C22.8271 15.674 23.1544 14.7708 22.576 13.554C22.2662 12.9007 22.4436 12.0737 22.5173 11.3342C22.5697 10.802 22.977 10.4897 23.5279 10.5184C24.0738 10.5472 24.4323 10.8832 24.4648 11.4254C24.5285 12.4797 24.576 13.5178 23.784 14.4185C23.2456 15.0306 23.358 15.248 24.1088 15.624C24.997 16.0687 25.8764 16.5309 26.7746 16.9544C27.1881 17.1493 27.3317 17.4216 27.2031 17.8476C26.862 18.9719 26.5185 20.0962 26.175 21.2217L26.1737 21.2242Z" fill="#FBFBFB"/>
+<path d="M27.022 24.4897C27.5005 24.4897 27.9802 24.5109 28.4561 24.4834C28.8334 24.4609 29.0108 24.5309 28.9883 24.9731C28.9696 25.3454 28.9296 25.5165 28.4899 25.5003C27.4718 25.4628 26.4511 25.4653 25.4343 25.5003C25.0233 25.514 24.9671 25.3679 24.9658 25.0069C24.9658 24.6283 25.022 24.4435 25.463 24.4797C25.9789 24.5234 26.5024 24.4897 27.022 24.4897Z" fill="#FBFBFB"/>
+<path d="M26.973 23.4903C26.5158 23.4903 26.0536 23.4503 25.6014 23.5003C25.0742 23.559 24.9156 23.3804 24.963 22.8619C24.9905 22.5646 25.063 22.4809 25.3565 22.4847C26.4371 22.5009 27.5202 22.5159 28.5995 22.4797C29.0667 22.4634 28.9655 22.742 28.9705 22.9944C28.9755 23.2567 29.0505 23.5365 28.592 23.5003C28.0549 23.4578 27.5115 23.4903 26.9705 23.4903H26.973Z" fill="#FBFBFB"/>
+<path d="M3.88367 28.9719C4.34213 28.1649 4.76936 27.4128 5.19785 26.6621C5.22783 26.6096 5.2703 26.5259 5.31028 26.5234C6.20722 26.4759 5.99235 25.8076 5.9986 25.2804C6.01109 24.2823 6.00359 23.2829 6.00109 22.2848C6.00109 22.1199 6.02608 21.8388 5.95737 21.8101C5.23657 21.5115 5.76874 21.0293 5.76249 20.6346C5.7475 19.6989 5.31902 18.8757 5.01796 18.025C4.87555 17.6227 4.57074 18.0587 4.33464 18.0587C4.15475 18.0587 4.01234 18.1636 4.11352 18.431C4.33464 19.0093 4.52452 19.6015 4.70815 20.1949C4.84682 20.6446 4.37336 21.2392 3.9149 21.223C3.72127 21.2167 3.76624 21.0593 3.73376 20.9556C3.41521 19.9275 3.09916 18.8994 2.78685 17.8701C2.66068 17.4541 2.76812 17.1667 3.1941 16.9681C4.13101 16.5309 5.05169 16.0587 5.97486 15.5902C6.59447 15.2754 6.70815 15.0081 6.24594 14.4884C5.45644 13.6015 5.44894 12.5734 5.5114 11.5078C5.54638 10.9144 5.96237 10.5134 6.50453 10.5147C7.04794 10.5147 7.47767 10.9181 7.49516 11.509C7.52514 12.5434 7.59885 13.5915 7.1179 14.5634C6.93676 14.9281 7.00672 15.2305 7.26156 15.5328C7.78373 16.1499 8.10228 17.0181 8.7881 17.3891C9.45768 17.7501 10.3346 17.4716 11.1191 17.4978C11.7425 17.5178 12.3684 17.4878 12.9905 17.5103C13.1679 17.5165 13.4789 17.3279 13.4952 17.7414C13.5089 18.1037 13.4514 18.4397 13.0217 18.4847C12.6307 18.5259 12.2322 18.4997 11.8374 18.4997C10.8181 18.4997 9.79872 18.5184 8.77936 18.4922C8.22595 18.4784 8.05981 18.6883 7.97986 19.2454C7.73376 20.9806 8.21846 22.3635 9.6763 23.3791C11.2153 24.4509 11.825 25.9138 11.5014 27.7676C11.4627 27.99 11.5239 28.2286 11.4877 28.4522C11.4552 28.6458 11.6888 28.9869 11.2228 28.9894C10.8168 28.9919 10.5108 28.8869 10.502 28.4197C10.4895 27.8163 10.4808 27.213 10.502 26.6096C10.522 26.0524 10.3334 25.6052 9.93863 25.218C9.16662 24.4609 8.40834 23.6889 7.64132 22.9269C7.5064 22.7932 7.3465 22.5409 7.16162 22.8382C7.02795 23.0543 6.61446 23.0668 6.82433 23.5615C7.17286 24.3835 7.16662 25.3079 6.81434 26.1324C6.48204 26.9082 5.93114 27.5902 5.58261 28.361C5.21409 29.1755 4.57449 28.9644 3.88492 28.9744L3.88367 28.9719Z" fill="#FBFBFB"/>
+<path d="M2.94863 25.4878C2.49141 25.4878 2.03295 25.4691 1.57698 25.4941C1.20097 25.5141 0.983605 25.4966 0.987352 24.9944C0.9911 24.5109 1.17598 24.4735 1.56824 24.4822C2.58635 24.5059 3.60697 24.5159 4.62383 24.4784C5.0773 24.4622 5.00984 24.7208 5.00234 24.9844C4.9961 25.2355 5.10103 25.5328 4.63133 25.4978C4.07292 25.4553 3.50953 25.4878 2.94738 25.4878H2.94863Z" fill="#FBFBFB"/>
+<path d="M2.96071 23.4903C2.46102 23.4903 1.96008 23.4591 1.46414 23.5003C1.0519 23.5341 0.974448 23.3717 1.00068 23.0081C1.02192 22.7096 0.960707 22.461 1.43041 22.4785C2.48975 22.5197 3.55159 22.5184 4.61093 22.4797C5.11436 22.4622 4.9782 22.7683 5.00693 23.0356C5.04316 23.3667 4.96321 23.5228 4.58219 23.4978C4.04378 23.4629 3.50162 23.4891 2.96071 23.4891V23.4903Z" fill="#FBFBFB"/>
+<path d="M9.99752 7.09434C9.99752 6.38729 10.0125 5.68023 9.99127 4.97317C9.98128 4.64463 10.0375 4.50596 10.4185 4.50721C13.4753 4.52345 16.5322 4.52345 19.5903 4.50721C19.9401 4.50596 19.9938 4.62839 19.9913 4.9332C19.9788 6.38854 19.9788 7.84512 19.9888 9.30047C19.9925 9.80265 19.7739 9.99878 19.2755 10.0175C18.7096 10.0388 18.3411 9.98004 18.0337 9.35043C17.4079 8.06749 16.2586 7.45412 14.8233 7.52158C13.4441 7.58654 12.4422 8.28735 11.8276 9.52533C11.5915 10.0013 11.1143 10.1699 10.4322 9.99628C9.97004 9.87885 9.99377 9.51283 9.99627 9.15056C10.0013 8.46474 9.99752 7.77767 9.99752 7.09185V7.09434ZM15.9625 6.50221C16.3585 6.58966 16.5247 6.47473 16.5035 6.03501C16.486 5.66899 16.4585 5.47411 16.0088 5.50034C15.6427 5.52158 15.4429 5.54656 15.4766 5.99628C15.5028 6.34981 15.4978 6.62839 15.9625 6.50221ZM14.4785 6.01752C14.5834 5.59903 14.401 5.50034 13.9963 5.50034C13.5978 5.50034 13.4703 5.59528 13.4766 6.01127C13.4816 6.40852 13.5715 6.54094 13.9875 6.5297C14.3748 6.5197 14.5896 6.45474 14.4785 6.01752ZM12.0912 6.50221C12.6084 6.66961 12.4547 6.26111 12.501 5.9663C12.5822 5.45412 12.2561 5.54656 11.9451 5.50534C11.4329 5.43663 11.5241 5.75268 11.4841 6.06499C11.4204 6.56967 11.7127 6.54719 12.0912 6.50221ZM18.4735 6.01752C18.5784 5.59903 18.396 5.50034 17.9913 5.50034C17.5928 5.50034 17.4654 5.59528 17.4716 6.01127C17.4766 6.40852 17.5665 6.54094 17.9825 6.5297C18.3698 6.5197 18.5847 6.45474 18.4735 6.01752Z" fill="#FBFBFB"/>
+<path d="M14.9656 13.5028C13.6015 13.4891 12.4859 12.351 12.4972 10.9831C12.5084 9.61648 13.6452 8.50093 15.0143 8.51217C16.3747 8.52341 17.499 9.6702 17.4853 11.0306C17.4715 12.3922 16.326 13.5153 14.9656 13.5028ZM15.4903 10.4822C15.4903 10.2161 15.469 10.0462 15.494 9.88506C15.5677 9.42285 15.2467 9.5103 14.9918 9.51154C14.7383 9.51154 14.4135 9.42035 14.4897 9.88381C14.5971 10.5284 14.406 11.0543 13.8576 11.4378C13.6614 11.5753 13.6439 11.7501 13.8613 11.8751C14.0662 11.9937 14.1686 12.4897 14.4647 12.2124C14.9844 11.7252 15.7489 11.3254 15.4903 10.4834V10.4822Z" fill="#FBFBFB"/>
+<path d="M14.9711 3.51781C13.4945 3.51781 12.0179 3.52406 10.5426 3.51157C10.324 3.50907 9.93922 3.68896 9.99918 3.18927C10.0516 2.75454 9.77557 2.10994 10.4964 2.05623C10.8112 2.03249 11.4383 1.624 11.5282 2.44723C11.547 2.61962 12.4814 2.52219 12.4776 2.34105C12.4689 1.96378 12.6975 2.02 12.9224 2.02C14.3152 2.02 15.7081 2.02125 17.1022 2.02C17.3134 2.02 17.5132 1.98502 17.497 2.31856C17.4808 2.63961 17.7643 2.51969 17.9092 2.50844C18.1029 2.4922 18.4052 2.67709 18.4726 2.3473C18.5151 2.13992 18.5151 1.98002 18.7824 2.02C19.156 2.07621 19.6107 1.84636 19.8805 2.2586C20.1104 2.60963 19.9929 3.03187 19.9605 3.41538C19.9442 3.60651 19.6769 3.51407 19.5257 3.51407C18.0079 3.52156 16.4901 3.51781 14.9723 3.51781H14.9711Z" fill="#FBFBFB"/>
+<path d="M15.9623 6.50092C15.4976 6.62709 15.5025 6.34852 15.4763 5.99499C15.4426 5.54527 15.6437 5.52153 16.0085 5.49905C16.4582 5.47282 16.4857 5.66769 16.5032 6.03371C16.5244 6.47344 16.3583 6.58837 15.9623 6.50092Z" fill="#080809"/>
+<path d="M14.4786 6.01626C14.5898 6.45349 14.3749 6.51845 13.9876 6.52844C13.5716 6.53968 13.4817 6.40727 13.4767 6.01002C13.4717 5.59403 13.5979 5.50033 13.9964 5.49908C14.4011 5.49908 14.5835 5.59777 14.4786 6.01626Z" fill="#080809"/>
+<path d="M12.0915 6.50094C11.7129 6.54592 11.4206 6.5684 11.4843 6.06372C11.5243 5.75141 11.4331 5.43536 11.9453 5.50407C12.2576 5.54529 12.5824 5.45285 12.5012 5.96503C12.4537 6.25984 12.6086 6.66959 12.0915 6.50094Z" fill="#080809"/>
+<path d="M18.4737 6.01626C18.5849 6.45349 18.37 6.51845 17.9828 6.52844C17.5668 6.53968 17.4768 6.40727 17.4718 6.01002C17.4668 5.59403 17.593 5.50033 17.9915 5.49908C18.3962 5.49908 18.5786 5.59777 18.4737 6.01626Z" fill="#080809"/>
+<path d="M15.4901 10.4822C15.7486 11.3242 14.9841 11.7239 14.4645 12.2111C14.1684 12.4884 14.0659 11.9925 13.8611 11.8738C13.6437 11.7489 13.6612 11.574 13.8573 11.4366C14.4057 11.0531 14.5969 10.5272 14.4894 9.88257C14.412 9.42036 14.7368 9.51155 14.9916 9.5103C15.2477 9.5103 15.5688 9.42161 15.4938 9.88382C15.4676 10.0462 15.4901 10.2161 15.4901 10.4809V10.4822Z" fill="#080809"/>
+</g>
+<defs>
+<clipPath id="clip0_714_1262">
+<rect width="29.9763" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/images/archive.svg

@@ -0,0 +1,6 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.98912 7.33394C3.41566 7.33394 1.84259 7.33394 0.269128 7.33394C0.0946897 7.33394 0.0286895 7.2488 0.0711275 7.07853C0.444087 5.57966 0.816265 4.08118 1.19001 2.58271C1.33607 1.9973 1.48994 1.41345 1.63053 0.826867C1.65826 0.709316 1.69965 0.666748 1.82189 0.666748C3.94131 0.669872 6.06074 0.670263 8.18017 0.666748C8.30279 0.666748 8.34302 0.709707 8.37192 0.826086C8.89797 2.942 9.42753 5.05713 9.96217 7.17108C10.0051 7.34057 9.9239 7.33511 9.80635 7.33472C8.20047 7.33315 6.59499 7.33394 4.98912 7.33394ZM4.99302 5.66714C5.63584 5.66714 6.27827 5.66284 6.92108 5.67026C7.07378 5.67222 7.09175 5.62145 7.0605 5.48984C6.97263 5.11805 6.6645 4.84663 6.28452 4.84389C5.42768 4.83804 4.57085 4.83765 3.71402 4.84389C3.33833 4.84663 3.02278 5.12781 2.93921 5.49335C2.90757 5.6316 2.93921 5.67182 3.08448 5.67026C3.72066 5.66284 4.35684 5.66714 4.99302 5.66714ZM4.99536 2.34565C4.53024 2.34721 4.17368 2.70846 4.17524 3.17553C4.17681 3.63636 4.54547 4.00073 5.00708 3.99839C5.46596 3.99566 5.82954 3.62582 5.8272 3.16343C5.82486 2.69908 5.46361 2.34409 4.99536 2.34565Z" fill="#0B0C0C"/>
+<path d="M4.9981 10.666C3.65154 10.666 2.30537 10.6667 0.95881 10.666C0.325755 10.6656 0.00317469 10.3395 0.00200309 9.70213C0.00122203 9.24052 0.00551789 8.77852 5.04254e-05 8.31691C-0.00151171 8.19897 0.0328552 8.1603 0.154311 8.16069C1.3056 8.16421 2.4569 8.16343 3.60819 8.15913C3.71285 8.15913 3.76714 8.19155 3.81908 8.2841C4.07449 8.74025 4.4658 8.98589 4.99263 8.98863C5.52766 8.99136 5.92483 8.74415 6.18415 8.28215C6.23726 8.18803 6.29389 8.15913 6.3966 8.15952C7.54125 8.16343 8.6863 8.16538 9.83095 8.15991C9.97545 8.15913 10.0028 8.21264 10.0012 8.34112C9.99536 8.81601 10.002 9.29051 9.9981 9.7654C9.99341 10.3262 9.65716 10.664 9.09558 10.6652C7.72949 10.6683 6.36418 10.6664 4.9981 10.666Z" fill="#0B0C0C"/>
+<path d="M4.99302 5.66714C4.35684 5.66714 3.72066 5.66284 3.08448 5.67026C2.93921 5.67182 2.90757 5.6316 2.93921 5.49335C3.02278 5.12781 3.33833 4.84663 3.71402 4.84389C4.57085 4.83765 5.42768 4.83804 6.28452 4.84389C6.6645 4.84663 6.97263 5.11805 7.0605 5.48984C7.09175 5.62145 7.07378 5.67222 6.92108 5.67026C6.27827 5.66284 5.63584 5.66714 4.99302 5.66714Z" fill="#FCFCFC"/>
+<path d="M4.99536 2.34565C5.46361 2.34409 5.82486 2.69908 5.8272 3.16343C5.82954 3.62582 5.46596 3.99566 5.00708 3.99839C4.54547 4.00073 4.17681 3.63636 4.17524 3.17553C4.17368 2.70846 4.53024 2.34721 4.99536 2.34565Z" fill="#FCFCFC"/>
+</svg>

src/images/doc.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="30" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.0115067 15.0019C0.0115067 10.237 0.0191367 5.47205 6.16496e-05 0.708375C-0.00248169 0.188263 0.0712752 -0.00375939 0.668959 5.56171e-05C5.32708 0.0305757 9.9852 0.021674 14.6433 0.010229C15.049 0.010229 15.3504 0.105604 15.6454 0.404446C18.1188 2.902 20.6049 5.38557 23.0974 7.86405C23.3428 8.10822 23.4293 8.35746 23.4293 8.69827C23.4204 15.6022 23.4178 22.5048 23.4344 29.4087C23.4344 29.8894 23.311 29.9987 22.8392 29.9974C15.4292 29.9809 8.01793 29.9796 0.607919 30C0.0801768 30.0013 6.16497e-05 29.8296 0.00133332 29.3616C0.0165933 24.5763 0.0115067 19.7898 0.0115067 15.0045V15.0019ZM1.30352 14.9778C1.30352 19.3409 1.30988 23.7027 1.29335 28.0658C1.29208 28.5172 1.36838 28.6749 1.86941 28.6736C8.43377 28.6546 14.9981 28.6546 21.5625 28.6736C22.0597 28.6749 22.1411 28.5236 22.1398 28.0696C22.1246 21.9491 22.1246 15.8285 22.1398 9.70797C22.1398 9.27815 22.0584 9.13827 21.5968 9.14335C19.3739 9.17006 17.1498 9.14081 14.9269 9.16624C14.4462 9.17133 14.2822 9.0696 14.2885 8.55076C14.3203 6.36984 14.286 4.18766 14.314 2.00675C14.3203 1.50062 14.2249 1.32641 13.6718 1.33022C9.75503 1.35693 5.83702 1.35311 1.91901 1.33276C1.42942 1.33022 1.28699 1.44594 1.28953 1.95207C1.31115 6.29354 1.30225 10.635 1.30225 14.9765L1.30352 14.9778ZM15.6403 2.48871C15.6403 4.14824 15.6441 5.83574 15.6365 7.52452C15.6365 7.77504 15.7319 7.85261 15.9748 7.85134C17.6572 7.84498 19.3409 7.84752 20.9902 7.84752C19.2048 6.05956 17.4334 4.28558 15.6403 2.48871Z" fill="#121313"/>
+<path d="M12.5756 23.1266C11.721 24.4148 10.6363 25.2427 9.08359 25.3139C9.06197 25.3139 9.03781 25.3228 9.02001 25.3164C8.22776 24.9972 7.69366 25.3737 7.18117 25.937C6.92303 26.2206 6.54661 26.1799 6.28338 25.8861C6.0176 25.5898 6.02268 25.2198 6.34315 24.9934C6.92938 24.5789 6.89886 24.2355 6.5695 23.5933C5.83702 22.1627 6.02777 20.7194 7.01586 19.4299C7.58684 18.6847 8.47446 18.438 9.27816 18.7406C10.0361 19.0255 10.4519 19.7783 10.3998 20.7486C10.3375 21.8982 9.88983 22.9079 9.18278 23.929C10.1009 23.8515 10.7126 23.4496 11.1857 22.824C11.4654 22.4539 11.688 22.0432 11.9576 21.6655C12.4713 20.9444 13.1059 20.9966 13.5154 21.7812C13.7722 22.2738 14.1194 22.3543 14.5569 22.0228C15.0986 21.6108 15.6594 21.2446 16.3664 21.1797C16.7975 21.1403 17.1523 21.2433 17.2337 21.7074C17.3138 22.1703 17.0302 22.4285 16.5966 22.4781C16.0371 22.5417 15.6352 22.8875 15.2067 23.1864C15.0159 23.3199 14.8442 23.4776 14.6573 23.6162C13.5993 24.4008 13.1898 24.3144 12.5769 23.1292L12.5756 23.1266ZM7.95053 23.3161C8.55966 22.4984 9.0518 21.6973 9.06197 20.6926C9.06452 20.4281 9.14082 20.0962 8.81145 19.9742C8.46938 19.847 8.20868 20.039 7.98996 20.3022C7.36302 21.0602 7.32487 22.3395 7.95053 23.3161Z" fill="#121313"/>
+<path d="M12.0644 10.4303C14.3699 10.4303 16.6755 10.4506 18.9797 10.415C19.5113 10.4074 19.5685 10.6223 19.5342 11.0407C19.5049 11.3993 19.6512 11.7643 19.0026 11.7604C14.3508 11.7312 9.69781 11.7325 5.04477 11.7579C4.34662 11.7617 4.62003 11.3166 4.56917 11.0025C4.50431 10.6007 4.59842 10.4125 5.08546 10.4176C7.41135 10.4455 9.73723 10.4303 12.0644 10.4303Z" fill="#050605"/>
+<path d="M11.9728 14.361C9.68636 14.361 7.39863 14.3318 5.11217 14.3801C4.47888 14.3928 4.57044 14.0698 4.56281 13.6858C4.55391 13.2992 4.53483 13.0423 5.09691 13.0448C9.73469 13.0728 14.3712 13.0728 19.009 13.0448C19.5876 13.041 19.5393 13.3322 19.5316 13.7023C19.524 14.0545 19.6219 14.3839 19.023 14.375C16.6729 14.3381 14.3229 14.3597 11.9716 14.3597L11.9728 14.361Z" fill="#050605"/>
+<path d="M12.0974 15.6416C14.3852 15.6416 16.6716 15.667 18.9581 15.6238C19.5469 15.6123 19.5291 15.8832 19.538 16.2965C19.5469 16.7314 19.5113 16.9628 18.9479 16.959C14.3318 16.9323 9.71434 16.9272 5.09818 16.9628C4.44073 16.9679 4.58951 16.6144 4.56408 16.2558C4.53483 15.8489 4.56408 15.6174 5.10963 15.6263C7.43805 15.6632 9.76902 15.6416 12.0974 15.6416Z" fill="#050605"/>
+<path d="M8.79238 5.2228C10.0412 5.2228 11.2899 5.25713 12.5374 5.20754C13.1148 5.18465 13.0283 5.5191 13.0054 5.84083C12.9838 6.14603 13.2114 6.57331 12.5578 6.56568C10.0399 6.53898 7.52198 6.54279 5.00408 6.56187C4.28686 6.56695 4.63148 6.06464 4.57298 5.7658C4.50558 5.41864 4.56154 5.19101 5.04731 5.20754C6.29482 5.2495 7.5436 5.22153 8.79238 5.22153V5.2228Z" fill="#121313"/>
+<path d="M8.75296 9.15225C7.50672 9.15225 6.25921 9.11919 5.01552 9.16751C4.47252 9.18786 4.5361 8.87885 4.57807 8.57746C4.61749 8.29515 4.31356 7.83354 4.99263 7.83989C7.52707 7.86406 10.0615 7.86151 12.5959 7.84116C13.2763 7.83608 12.9533 8.30914 13.0003 8.58763C13.0525 8.89919 13.0817 9.18659 12.5552 9.16751C11.2899 9.12173 10.0208 9.15225 8.75423 9.15225H8.75296Z" fill="#050605"/>
+<path d="M7.95053 23.3174C7.32615 22.3407 7.36302 21.0614 7.98996 20.3035C8.20741 20.0403 8.46938 19.8483 8.81145 19.9754C9.13954 20.0975 9.06452 20.4294 9.06197 20.6939C9.05307 21.6973 8.55966 22.4984 7.95053 23.3174Z" fill="#FBFBFB"/>
+</svg>

src/images/edit.svg

@@ -0,0 +1,11 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_707_2182)">
+<path d="M0.0781614 10.6664C-0.0413922 10.6732 0.00825629 10.6001 0.0233494 10.5512C0.0956376 10.3181 0.170706 10.0857 0.244186 9.85299C0.762516 8.21141 1.28045 6.56983 1.79878 4.92865C1.81864 4.86589 1.84644 4.8083 1.89609 4.75905C3.23859 3.41973 4.58148 2.08042 5.91921 0.735934C6.02764 0.627105 6.07768 0.659277 6.16665 0.748247C7.4174 2.00376 8.66973 3.25768 9.92723 4.50644C10.0404 4.61884 10.0166 4.67326 9.91809 4.77136C8.58751 6.09638 7.26051 7.42498 5.93311 8.75357C5.75795 8.92873 5.51447 8.94144 5.29959 9.01055C3.58533 9.55986 1.8667 10.0973 0.149655 10.6382C0.124632 10.6462 0.100404 10.6573 0.0781614 10.6664ZM2.7707 5.5578C2.68888 5.57765 2.69205 5.64637 2.67537 5.69919C2.45771 6.38355 2.2758 7.08181 2.01286 7.74829C1.84922 8.16375 1.92588 8.43185 2.26071 8.68525C2.36596 8.76509 2.44302 8.80163 2.57449 8.75913C3.32636 8.51526 4.08182 8.28171 4.83488 8.04101C4.9322 8.01003 5.08948 8.01162 5.10378 7.91431C5.11848 7.81581 4.99376 7.72883 4.90717 7.65932C4.60571 7.41703 4.25102 7.30264 3.87488 7.24267C3.47293 7.17832 3.48087 7.17594 3.41216 6.77478C3.33947 6.3486 3.22746 5.93512 2.87794 5.63684C2.84338 5.60705 2.80446 5.58242 2.7707 5.5578Z" fill="#070808"/>
+<path d="M2.7707 5.5578C2.80446 5.58242 2.84338 5.60705 2.87794 5.63684C3.22746 5.93512 3.33947 6.3486 3.41216 6.77478C3.48087 7.17594 3.47293 7.17832 3.87488 7.24267C4.25102 7.30264 4.60571 7.41703 4.90717 7.65932C4.99376 7.72883 5.11848 7.81581 5.10378 7.91431C5.08948 8.01162 4.9322 8.01003 4.83488 8.04101C4.08182 8.28171 3.32636 8.51526 2.57449 8.75913C2.44302 8.80163 2.36596 8.76509 2.26071 8.68525C1.92588 8.43185 1.84922 8.16375 2.01286 7.74829C2.2758 7.08181 2.45771 6.38355 2.67537 5.69919C2.69205 5.64637 2.68888 5.57765 2.7707 5.5578Z" fill="#FBFBFB"/>
+</g>
+<defs>
+<clipPath id="clip0_707_2182">
+<rect width="10.0024" height="10" fill="white" transform="translate(0 0.666748)"/>
+</clipPath>
+</defs>
+</svg>

src/images/fileModal.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5001 11V17C21.5001 21 20.5001 22 16.5001 22H6.50012C2.50012 22 1.50012 21 1.50012 17V7C1.50012 3 2.50012 2 6.50012 2H8.00012C9.50012 2 9.83012 2.44 10.4001 3.2L11.9001 5.2C12.2801 5.7 12.5001 6 13.5001 6H16.5001C20.5001 6 21.5001 7 21.5001 11Z" stroke="#1458DD" stroke-miterlimit="10"/>
+<path d="M8 2H17C19 2 20 3 20 5V6.38" stroke="#1458DD" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 15H9" stroke="#1458DD" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/images/link.svg

@@ -0,0 +1,5 @@
+<svg width="11" height="13" viewBox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.67079 8.63892C7.72497 8.01785 7.64798 7.41785 7.44023 6.84024C7.3938 6.71074 7.48301 6.64801 7.53759 6.57004C7.98363 5.93373 7.88261 5.06979 7.30337 4.5845C6.81293 4.17314 6.12085 4.23184 5.65078 4.73193C5.36319 5.03798 5.08335 5.35299 4.80065 5.66443C4.58028 5.9073 4.35665 6.14703 4.14035 6.39438C3.52649 7.09611 3.6605 8.13571 4.43445 8.61338C4.57621 8.70076 4.56602 8.74781 4.465 8.8558C4.1876 9.152 3.91224 9.45044 3.64665 9.75918C3.54685 9.87524 3.48209 9.85866 3.3774 9.77128C2.19325 8.78545 1.92359 6.90074 2.85682 5.60976C3.47964 4.74851 4.18679 3.94596 4.98803 3.28232C6.56567 1.9761 8.87571 3.01525 9.22073 5.15269C9.3857 6.17302 9.12052 7.05354 8.48425 7.80501C8.23577 8.09851 7.97711 8.38171 7.72334 8.66939C7.70582 8.65909 7.68831 8.64968 7.67079 8.63892Z" fill="#0A0B0C"/>
+<path d="M1.6022 6.92494C1.57206 7.41381 1.57083 7.84668 1.68448 8.26162C1.78591 8.63175 1.83764 8.93243 1.60587 9.31959C1.25596 9.90481 1.47918 10.6563 2.0071 11.0699C2.49224 11.4499 3.18187 11.3768 3.62751 10.8897C4.12772 10.3435 4.62713 9.79547 5.12042 9.24117C5.74732 8.53631 5.61371 7.47744 4.83243 7.00828C4.6703 6.91104 4.71959 6.86579 4.81206 6.7672C5.07928 6.48087 5.34772 6.19498 5.60149 5.89475C5.71473 5.76077 5.79009 5.76122 5.91881 5.87145C7.15998 6.93166 7.3327 8.94184 6.26057 10.2364C5.72288 10.8862 5.15423 11.509 4.56602 12.1032C3.46253 13.2176 1.82461 13.1764 0.801365 12.0414C-0.25243 10.8723 -0.269946 9.07403 0.766741 7.84802C1.02296 7.54511 1.29751 7.26056 1.6022 6.92494Z" fill="#0A0B0C"/>
+<path d="M11 0.669437C10.9947 0.672573 10.989 0.678847 10.9841 0.678399C10.9792 0.677951 10.9747 0.670781 10.9699 0.666748C10.98 0.667644 10.9898 0.668092 11 0.669437Z" fill="#EBEBEB"/>
+</svg>

src/images/plus.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 0C5.26522 0 5.51957 0.105357 5.70711 0.292893C5.89464 0.48043 6 0.734784 6 1V4H9C9.26522 4 9.51957 4.10536 9.70711 4.29289C9.89464 4.48043 10 4.73478 10 5C10 5.26522 9.89464 5.51957 9.70711 5.70711C9.51957 5.89464 9.26522 6 9 6H6V9C6 9.26522 5.89464 9.51957 5.70711 9.70711C5.51957 9.89464 5.26522 10 5 10C4.73478 10 4.48043 9.89464 4.29289 9.70711C4.10536 9.51957 4 9.26522 4 9V6H1C0.734784 6 0.48043 5.89464 0.292893 5.70711C0.105357 5.51957 0 5.26522 0 5C0 4.73478 0.105357 4.48043 0.292893 4.29289C0.48043 4.10536 0.734784 4 1 4H4V1C4 0.734784 4.10536 0.48043 4.29289 0.292893C4.48043 0.105357 4.73478 0 5 0Z" fill="white"/>
+</svg>

src/images/send.svg

@@ -0,0 +1,11 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_707_2082)">
+<path d="M17.4188 0.507812C17.7751 0.89063 17.7909 1.33346 17.6292 1.7965C17.079 3.36884 16.5218 4.93927 15.9684 6.51097C15.5054 7.82556 15.0436 9.14079 14.5818 10.456C13.7972 12.6916 13.0196 14.9292 12.2236 17.161C12.0493 17.6499 11.6867 17.9519 11.1428 17.9942C10.542 18.0403 10.1055 17.7997 9.83954 17.2583C8.86923 15.2804 7.90145 13.3012 6.92988 11.324C6.86102 11.1837 6.76879 11.0549 6.6873 10.921C6.6633 10.9033 6.63992 10.8856 6.61592 10.8679L6.61402 10.8717C6.6753 10.8003 6.73152 10.7232 6.79848 10.6575C8.10802 9.36821 9.43209 8.09404 10.7492 6.81167C11.4144 6.16416 12.0922 5.52866 12.7423 4.86473C13.6443 3.94243 14.6008 3.07319 15.5287 2.17553C15.952 1.76618 16.3538 1.33346 16.7852 0.932323C16.9697 0.761129 17.1295 0.529922 17.4201 0.509076L17.4188 0.507812Z" fill="#269CD0"/>
+<path d="M17.4188 0.507947C17.1282 0.528794 16.9678 0.76 16.784 0.931194C16.3531 1.33233 15.9514 1.76505 15.5275 2.1744C14.5995 3.07143 13.6431 3.9413 12.741 4.8636C12.091 5.52816 11.4131 6.16366 10.7479 6.81054C9.43146 8.09228 8.10676 9.36644 6.79722 10.6564C6.73026 10.7221 6.67404 10.7992 6.61276 10.8706C5.97031 10.6387 5.38977 10.2774 4.78143 9.97541C3.42893 9.3039 2.08844 8.60776 0.740368 7.92804C0.306382 7.70883 -0.0189497 7.19967 0.000633386 6.73284C0.0240067 6.18577 0.359446 5.70946 0.868605 5.53069C1.93493 5.15608 3.00505 4.79348 4.07202 4.42077C5.9741 3.75621 7.87239 3.07965 9.77764 2.4233C11.0234 1.99373 12.2571 1.53195 13.4877 1.05943C14.2198 0.77832 14.9514 0.492154 15.674 0.187669C16.4466 -0.137031 16.9968 -0.0466959 17.4188 0.507947Z" fill="#40ACD9"/>
+</g>
+<defs>
+<clipPath id="clip0_707_2082">
+<rect width="17.7277" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/pages/AuthForDevelopers/AuthForDevelopers.js

@@ -41,7 +41,11 @@ const AuthForDevelopers = () => {
   return (
     <section className="auth-developers">
       <AuthHeader />
-      <SliderWorkers title={"Свободные разработчики"} titleInfo={"для Вашей команды"} subTitle={true} />
+      <SliderWorkers
+        title={"Свободные разработчики"}
+        titleInfo={"для Вашей команды"}
+        subTitle={true}
+      />
       <div className="auth-developers__background">
         <img className="auth-developers__vector" src={vector} alt="" />
         <img

src/pages/PartnerSettings/partnerSettings.scss

@@ -2,7 +2,7 @@
   background: #f1f1f1;
   height: 100%;
   min-height: 100vh;
-  font-family: 'LabGrotesque', sans-serif;
+  font-family: "LabGrotesque", sans-serif;
 
   .infoPersonal__title {
     color: #000000;
@@ -92,6 +92,19 @@
     }
   }
 
+  @media (max-width: 1200px) {
+    &__input {
+      width: 100%;
+    }
+
+    &__buttons {
+      &-cancel,
+      &-save {
+        width: 120px;
+      }
+    }
+  }
+
   @media (max-width: 570px) {
     &__input {
       width: 95%;
@@ -191,15 +204,54 @@
   @media (max-width: 1200px) {
     margin-bottom: 15px;
 
+    &__logo {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+
+    &__body {
+      margin-bottom: 100px;
+    }
+
+    &__report,
+    &__login {
+      width: 45%;
+      height: auto;
+    }
+
+    &__label {
+      &-second,
+      &-first {
+        flex-direction: row;
+      }
+    }
+  }
+
+  @media (max-width: 950px) {
     &__body {
       flex-direction: column;
+      margin-bottom: 20px;
+      align-items: center;
     }
+
+    &__report,
+    &__login {
+      width: 60%;
+    }
+
     &__report {
-      margin-top: 50px;
+      margin-top: 55px;
+      margin-bottom: 55px;
     }
   }
 
   @media (max-width: 570px) {
+    &__body {
+      flex-direction: column;
+      margin-bottom: 20px;
+      align-items: center;
+    }
+
     &__report,
     &__login {
       width: 100%;
@@ -207,6 +259,10 @@
       padding: 20px 30px;
     }
 
+    &__report {
+      margin-top: 55px;
+    }
+
     &__logo {
       flex-direction: column;
       align-items: flex-start;
@@ -218,6 +274,7 @@
         flex-direction: row;
       }
     }
+
     .checkbox {
       &__second {
         margin: 0px 0 0 20px;

src/pages/Tracker/Tracker.js

@@ -492,6 +492,12 @@ export const Tracker = () => {
   function createTiket() {
     tabTaskMok.filter((item) => {
       if (item.name == selectedTab.name) {
+        let idItem = 0;
+
+        item.tasks.forEach((item) => {
+          idItem = item.id;
+        });
+
         let newTiket = {
           task: valueTiket,
           description: "Сверстать часть таблицы. Сверстать часть таблицы",
@@ -499,7 +505,7 @@ export const Tracker = () => {
           files: 0,
           avatarCreated: avatarTest,
           avatarDo: avatarTest,
-          id: item.tasks.length + 1,
+          id: idItem + 1,
         };
 
         item.tasks.push(newTiket);