Added modal in project tiket

src/components/UI/ModalAdd/ModalAdd.jsx

@@ -10,9 +10,7 @@ import {
 
 import "./modalAdd.scss";
 
-// НУЖНО ДОБАВИТЬ ВАРИАЦИИ ОТРИСОВКИ И ПЕРЕНЕТИ ЛОГИКУ В МОДАЛКУ
-
-export const ModalAdd = ({ active, setActive, selectedTab }) => {
+export const ModalAdd = ({ active, setActive, selectedTab, defautlInput }) => {
   const dispatch = useDispatch();
   const projectBoard = useSelector(getProjectBoard);
 
@@ -142,6 +140,28 @@ export const ModalAdd = ({ active, setActive, selectedTab }) => {
             <span className="exit" onClick={() => setActive(false)}></span>
           </div>
         );
+      case "editProject":
+        return (
+          <div
+            className="modal-add__content"
+            onClick={(e) => e.stopPropagation()}
+          >
+            <div className="title-project">
+              <h4>Введите новое название</h4>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={defautlInput}
+                  onChange={(e) => setValueTiket(e.target.value)}
+                ></input>
+              </div>
+            </div>
+            <button className="button-add" onClick={(e) => e.preventDefault()}>
+              Добавить
+            </button>
+            <span className="exit" onClick={() => setActive(false)}></span>
+          </div>
+        );
       default:
         return null;
     }

src/components/UI/ModalAdd/modalAdd.scss

@@ -48,7 +48,7 @@
       font-weight: 300;
       font-size: 12px;
       line-height: 14px;
-      margin: -13px 0 16px 0;
+      margin: 12px 0 16px 0;
     }
 
     &__textarea {

src/components/UI/ModalSelect/ModalSelect.jsx

@@ -1,8 +1,8 @@
 import React from "react";
 
-import "./modalSettings.scss";
+import "./modalSelect.scss";
 
-export const ModalSettings = ({ active, children }) => {
+export const ModalSelect = ({ active, children }) => {
   return (
     <div className={active ? "project__settings active" : "project__settings "}>
       {children}
@@ -10,4 +10,4 @@ export const ModalSettings = ({ active, children }) => {
   );
 };
 
-export default ModalSettings;
+export default ModalSelect;