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

src/components/SideBar/sidebar.scss

@@ -135,9 +135,10 @@
       line-height: 32px;
       color: #000000;
     }
+
     span {
-      font-size: 5px;
-      margin-left: 41px;
+      font-size: 12px;
+      margin-left: 0px;
     }
   }
 
@@ -194,6 +195,10 @@
   width: 424px;
   left: 140px;
 
+  @media (max-width: 1440px) {
+    left: 79px;
+  }
+
   @media (max-width: 1024px) {
     left: 0;
     width: 100%;

src/components/SliderWorkers/SliderWorkers.js

@@ -30,11 +30,14 @@ export const SliderWorkers = ({title, titleInfo, subTitle}) => {
       skils: "React / Vue Front end, Middle разработчик",
     },
   ]);
+
   const settings = {
     infinite: true,
-    speed: 300,
+    speed: 1000,
     slidesToShow: 3,
     slidesToScroll: 1,
+    autoplay: true,
+    autoplaySpeed: 4500,
   };
 
   if (window.innerWidth < 575) {
@@ -54,9 +57,9 @@ export const SliderWorkers = ({title, titleInfo, subTitle}) => {
             : ""
         }
         <Slider {...settings}>
-          {workers.map((worker) => {
+          {workers.map((worker, index) => {
             return (
-              <div className="worker">
+              <div className="worker" key={index}>
                 <img src={worker.avatar}></img>
                 <div className="worker-description">
                   <p>{worker.skils}</p>

src/components/UI/ModalCreate/ModalCreate.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useDispatch } from "react-redux";
-import {  setProject } from "../../../redux/projectsTrackerSlice";
+import { setProject } from "../../../redux/projectsTrackerSlice";
 
 import "./ModalCreate.scss";
 
@@ -9,13 +9,17 @@ export const ModalCreate = ({ active, setActive, title }) => {
   const dispatch = useDispatch();
 
   function createName() {
-    let newItem = {
-      name: inputValue,
-      count: 0,
-    };
-    dispatch(setProject(newItem));
-    setActive(false);
-    setInputValue("")
+    if (inputValue === "") {
+      return;
+    } else {
+      let newItem = {
+        name: inputValue,
+        count: 0,
+      };
+      dispatch(setProject(newItem));
+      setActive(false);
+      setInputValue("");
+    }
   }
 
   return (

src/components/UI/ModalTiket/ModalTiket.js

@@ -17,7 +17,7 @@ export const ModalTiket = ({ active, setActive }) => {
     code: "PR - 2245",
     creator: "Василий Тарасов",
     descriptions:
-      "На многих страницах сайта отсутствуют или некорректно заполнены метатеги Description. Это может негативно повлиять на представление сайта в результатах поиска.Необходимо исправить все страницы где есть ошибки или отсутствует Title и  Description.",
+      "На многих страницах сайта отсутствуют или некорректно заполнены метатеги Description. Это может негативно повлиять на представление сайта в результатах поиска. Необходимо исправить все страницы где есть ошибки или отсутствует Title и  Description.",
   });
 
   const [workers] = useState([
@@ -44,7 +44,12 @@ 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">
             <h5>{tiket.code}</h5>
             <div className="content__description">

src/components/UI/ModalTiket/ModalTiket.scss

@@ -39,6 +39,24 @@
       &__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 {