diff --git a/src/components/ProjectTiket/ProjectTiket.jsx b/src/components/ProjectTiket/ProjectTiket.jsx
index 07a963f7..caa5c354 100644
--- a/src/components/ProjectTiket/ProjectTiket.jsx
+++ b/src/components/ProjectTiket/ProjectTiket.jsx
@@ -5,7 +5,7 @@ import { apiRequest } from "../../api/request";
 import { deleteProject, modalToggle } from "../../redux/projectsTrackerSlice";
 
 import { ModalSelect } from "../UI/ModalSelect/ModalSelect";
-import ModalAdd from "../UI/ModalAdd/ModalAdd";
+import TrackerModal from "../UI/TrackerModal/TrackerModal";
 
 import link from "../../images/link.svg";
 import archiveSet from "../../images/archive.svg";
@@ -67,11 +67,11 @@ export const ProjectTiket = ({ project, index }) => {
         </span>
       </div>
 
-      <ModalAdd
+      <TrackerModal
         active={modalAdd}
         setActive={setModalAdd}
         defautlInput={project.name}
-      ></ModalAdd>
+      ></TrackerModal>
 
       <ModalSelect active={modalSelect}>
         <div className="project__settings-menu">
diff --git a/src/components/UI/ModalAspt/ModalAspt.jsx b/src/components/UI/ModalAspt/ModalAspt.jsx
index d299e6c3..aa60b69e 100644
--- a/src/components/UI/ModalAspt/ModalAspt.jsx
+++ b/src/components/UI/ModalAspt/ModalAspt.jsx
@@ -1,13 +1,13 @@
 import React, { useState } from "react";
 
+import { Link } from "react-router-dom";
+import ModalLayout from "../ModalLayout/ModalLayout";
+
 import avatar from "../../../images/mokPerson.png";
 import logoTg from "../../../images/TgLogo.svg";
 import arrow from "../../../images/right-arrow.png";
 import interview from "../../../images/interviewLogo.svg";
 
-import { Link } from "react-router-dom";
-import ModalAdd from "../ModalAdd/ModalAdd";
-
 import "./modalAspt.scss";
 
 export const ModalAspt = ({ active, setActive, level }) => {
@@ -82,7 +82,8 @@ export const ModalAspt = ({ active, setActive, level }) => {
         </div>
         <span className="exit" onClick={() => setActive(false)}></span>
       </div>
-      <ModalAdd active={modalSend} setActive={setModalSend}>
+
+      <ModalLayout active={modalSend} setActive={setModalSend}>
         <div className="send">
           <img src={interview}></img>
           <h2>Спасибо, собеседование назначено</h2>
@@ -93,7 +94,7 @@ export const ModalAspt = ({ active, setActive, level }) => {
             Время собеседования: <span>{time}</span>
           </p>
         </div>
-      </ModalAdd>
+      </ModalLayout>
     </div>
   );
 };
diff --git a/src/components/UI/ModalCreate/ModalCreate.jsx b/src/components/UI/ModalCreate/ModalCreate.jsx
deleted file mode 100644
index b2a3fa27..00000000
--- a/src/components/UI/ModalCreate/ModalCreate.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React, { useState } from "react";
-import { useDispatch } from "react-redux";
-import { setProject } from "../../../redux/projectsTrackerSlice";
-import {apiRequest} from "../../../api/request";
-
-import "./ModalCreate.scss";
-
-export const ModalCreate = ({ active, setActive, title }) => {
-  const [inputValue, setInputValue] = useState("");
-  const dispatch = useDispatch();
-
-  function createName() {
-    if (inputValue === "") {
-      return;
-    } else {
-      apiRequest('/project/create', {
-        method: 'POST',
-        data: {
-          user_id: localStorage.getItem('id'),
-          name: inputValue,
-          status: 1,
-        }
-      }).then((res) => {
-        const result = {...res, columns: []}
-        dispatch(setProject(result));
-        setActive(false);
-        setInputValue("");
-      })
-    }
-  }
-
-  return (
-    <div
-      className={active ? "modal-project active" : "modal-project"}
-      onClick={() => setActive(false)}
-    >
-      <div
-        className="modal-project__content"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="title-project">
-          <h4>{title}</h4>
-          <div className="input-container">
-            <input
-              className="name-project"
-              value={inputValue}
-              onChange={(e) => setInputValue(e.target.value)}
-            />
-          </div>
-          <button className="create-project" onClick={createName}>
-            Создать
-          </button>
-        </div>
-        <span className="exit" onClick={() => setActive(false)}></span>
-      </div>
-    </div>
-  );
-};
-
-export default ModalCreate;
diff --git a/src/components/UI/ModalCreate/ModalCreate.scss b/src/components/UI/ModalCreate/ModalCreate.scss
deleted file mode 100644
index 5139572e..00000000
--- a/src/components/UI/ModalCreate/ModalCreate.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-.modal-project {
-  z-index: 9999;
-  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;
-    width: 424px;
-    height: 248px;
-    background: linear-gradient(180deg, #ffffff 0%, #ebebeb 100%);
-    border-radius: 40px;
-
-    padding: 15px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-
-    .title-project {
-      display: flex;
-      align-items: flex-start;
-      flex-direction: column;
-
-      .input-container {
-        width: 287px;
-        height: 35px;
-        background: #ffffff;
-        border-radius: 8px;
-      }
-
-      h4 {
-        font-weight: 500;
-        font-size: 22px;
-        line-height: 26px;
-        color: #263238;
-        margin-bottom: 22px;
-      }
-    }
-
-    .name-project {
-      margin-left: 10px;
-      border: none;
-      outline: none;
-      height: 100%;
-      width: 90%;
-      font-size: 14px;
-    }
-
-    .create-project {
-      margin: 30px 0 0 0;
-      width: 130px;
-      height: 37px;
-      background: #52b709;
-      border-radius: 44px;
-      border: none;
-      font-weight: 400;
-      font-size: 15px;
-      line-height: 32px;
-      color: #ffffff;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-
-.modal-project.active {
-  transform: scale(1);
-}
diff --git a/src/components/UI/ModalLayout/ModalLayout.jsx b/src/components/UI/ModalLayout/ModalLayout.jsx
new file mode 100644
index 00000000..40e5fbae
--- /dev/null
+++ b/src/components/UI/ModalLayout/ModalLayout.jsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+export const ModalLayout = ({ active, setActive, children }) => {
+  return (
+    <div
+      className={active ? "modal-add active" : "modal-add"}
+      onClick={() => setActive(false)}
+    >
+      <div className="modal-add__content" onClick={(e) => e.stopPropagation()}>
+        {children}
+      </div>
+    </div>
+  );
+};
+
+export default ModalLayout;
diff --git a/src/components/UI/ModalTicket/ModalTicket.jsx b/src/components/UI/ModalTicket/ModalTicket.jsx
index 04c968d2..cee567d2 100644
--- a/src/components/UI/ModalTicket/ModalTicket.jsx
+++ b/src/components/UI/ModalTicket/ModalTicket.jsx
@@ -1,9 +1,12 @@
 import React, { useState } from "react";
 import { Link } from "react-router-dom";
-import ModalAdd from "../ModalAdd/ModalAdd";
+import TrackerModal from "../TrackerModal/TrackerModal";
 import { apiRequest } from "../../../api/request";
 import { useDispatch } from "react-redux";
-import { setProjectBoardFetch } from "../../../redux/projectsTrackerSlice";
+import {
+  modalToggle,
+  setProjectBoardFetch,
+} from "../../../redux/projectsTrackerSlice";
 
 import category from "../../../images/category.png";
 import watch from "../../../images/watch.png";
@@ -56,7 +59,10 @@ export const ModalTiсket = ({
           <h3 className="title-project">
             <img src={category} className="title-project__category"></img>
             Проект: {projectName}
-            <Link to={`/tracker/task/${task.id}`} className="title-project__full">
+            <Link
+              to={`/tracker/task/${task.id}`}
+              className="title-project__full"
+            >
               <img src={fullScreen}></img>
             </Link>
           </h3>
@@ -71,7 +77,12 @@ export const ModalTiсket = ({
             </div>
             <div className="content__communication">
               <p className="tasks">
-                <button onClick={() => setAddSubtask(true)}>
+                <button
+                  onClick={() => {
+                    dispatch(modalToggle("addSubtask"));
+                    setAddSubtask(true);
+                  }}
+                >
                   <img src={plus}></img>
                   Добавить под задачу
                 </button>
@@ -97,14 +108,15 @@ export const ModalTiсket = ({
             <span>{task.title}</span>
             <p className="workers__creator">Создатель : {task.user?.fio}</p>
             <div>
-              {Boolean(task.taskUsers?.length) && task.taskUsers.map((worker, index) => {
-                return (
-                  <div className="worker" key={index}>
-                    <img src={worker.avatar}></img>
-                    <p>{worker.name}</p>
-                  </div>
-                );
-              })}
+              {Boolean(task.taskUsers?.length) &&
+                task.taskUsers.map((worker, index) => {
+                  return (
+                    <div className="worker" key={index}>
+                      <img src={worker.avatar}></img>
+                      <p>{worker.name}</p>
+                    </div>
+                  );
+                })}
             </div>
 
             <div className="add-worker moreItems">
@@ -145,20 +157,12 @@ export const ModalTiсket = ({
           </div>
         </div>
       </div>
-      <ModalAdd active={addSubtask} setActive={setAddSubtask}>
-        <div className="title-project subtask">
-          <h4>
-            Вы добавляете подзадачу <p>в колонку задачи {"Готово"}</p>
-          </h4>
-          <p className="title-project__decs">Введите текст</p>
-          <div>
-            <textarea className="title-project__textarea"></textarea>
-          </div>
-        </div>
-        <button className="button-add" onClick={(e) => e.preventDefault()}>
-          Добавить
-        </button>
-      </ModalAdd>
+
+      <TrackerModal
+        active={addSubtask}
+        setActive={setAddSubtask}
+        defautlInput={task.column_id}
+      ></TrackerModal>
     </div>
   );
 };
diff --git a/src/components/UI/TicketFullScreen/TicketFullScreen.jsx b/src/components/UI/TicketFullScreen/TicketFullScreen.jsx
index 68503758..008b16a9 100644
--- a/src/components/UI/TicketFullScreen/TicketFullScreen.jsx
+++ b/src/components/UI/TicketFullScreen/TicketFullScreen.jsx
@@ -4,11 +4,11 @@ import { ProfileHeader } from "../../ProfileHeader/ProfileHeader";
 import { ProfileBreadcrumbs } from "../../ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { Footer } from "../../Footer/Footer";
 import { Link, useParams, useNavigate } from "react-router-dom";
-import ModalAdd from "../ModalAdd/ModalAdd";
+import TrackerModal from "../TrackerModal/TrackerModal";
 import { Navigation } from "../../Navigation/Navigation";
 
 import { useDispatch } from "react-redux";
-import { setToggleTab } from "../../../redux/projectsTrackerSlice";
+import { modalToggle, setToggleTab } from "../../../redux/projectsTrackerSlice";
 import { apiRequest } from "../../../api/request";
 
 import project from "../../../images/trackerProject.svg";
@@ -31,9 +31,7 @@ import edit from "../../../images/edit.svg";
 import "./ticketFullScreen.scss";
 
 export const TicketFullScreen = ({}) => {
-  const [addSubtask, setAddSubtask] = useState(false);
   const [modalAddWorker, setModalAddWorker] = useState(false);
-  const [valueTiket, setValueTiket] = useState("");
   const ticketId = useParams();
   const dispatch = useDispatch();
   const navigate = useNavigate();
@@ -114,31 +112,22 @@ export const TicketFullScreen = ({}) => {
             <div className="tasks__head__wrapper">
               <h4>Проект : {projectInfo.name}</h4>
 
-              <ModalAdd active={modalAddWorker} setActive={setModalAddWorker}>
-                <div className="title-project">
-                  <h4>Добавьте участника</h4>
-                  <p className="title-project__decs">Введите имя или e-mail</p>
-                  <div className="input-container">
-                    <input
-                      className="name-project"
-                      value={valueTiket}
-                      onChange={(e) => setValueTiket(e.target.value)}
-                    ></input>
-                  </div>
-                </div>
-                <button
-                  className="button-add"
-                  onClick={(e) => e.preventDefault()}
-                >
-                  Добавить
-                </button>
-              </ModalAdd>
+              <TrackerModal
+                active={modalAddWorker}
+                setActive={setModalAddWorker}
+              ></TrackerModal>
 
               <div className="tasks__head__persons">
                 <img src={avatarTest} alt="avatar" />
                 <img src={avatarTest} alt="avatar" />
                 <span className="countPersons">+9</span>
-                <span className="addPerson" onClick={setModalAddWorker}>
+                <span
+                  className="addPerson"
+                  onClick={() => {
+                    dispatch(modalToggle("addWorker"));
+                    setModalAddWorker(true);
+                  }}
+                >
                   +
                 </span>
                 <p>добавить участника в проект</p>
@@ -172,7 +161,12 @@ export const TicketFullScreen = ({}) => {
               </div>
               <div className="content__communication">
                 <p className="tasks">
-                  <button onClick={() => setAddSubtask(true)}>
+                  <button
+                    onClick={() => {
+                      dispatch(modalToggle("addSubtask"));
+                      setModalAddWorker(true);
+                    }}
+                  >
                     <img src={plus}></img>
                     Добавить под задачу
                   </button>
@@ -210,7 +204,14 @@ export const TicketFullScreen = ({}) => {
               </div>
 
               <div className="add-worker moreItems">
-                <button>+</button>
+                <button
+                  onClick={() => {
+                    dispatch(modalToggle("addWorker"));
+                    setModalAddWorker(true);
+                  }}
+                >
+                  +
+                </button>
                 <span>Добавить участников</span>
               </div>
             </div>
@@ -247,21 +248,6 @@ export const TicketFullScreen = ({}) => {
             </div>
           </div>
         </div>
-
-        <ModalAdd active={addSubtask} setActive={setAddSubtask}>
-          <div className="title-project subtask">
-            <h4>
-              Вы добавляете подзадачу <p>в колонку задачи {"Готово"}</p>
-            </h4>
-            <p className="title-project__decs">Введите текст</p>
-            <div>
-              <textarea className="title-project__textarea"></textarea>
-            </div>
-          </div>
-          <button className="button-add" onClick={(e) => e.preventDefault()}>
-            Добавить
-          </button>
-        </ModalAdd>
       </div>
       <Footer />
     </section>
diff --git a/src/components/UI/ModalAdd/ModalAdd.jsx b/src/components/UI/TrackerModal/TrackerModal.jsx
similarity index 57%
rename from src/components/UI/ModalAdd/ModalAdd.jsx
rename to src/components/UI/TrackerModal/TrackerModal.jsx
index 3f0fce74..80b763bc 100644
--- a/src/components/UI/ModalAdd/ModalAdd.jsx
+++ b/src/components/UI/TrackerModal/TrackerModal.jsx
@@ -5,23 +5,34 @@ import { apiRequest } from "../../../api/request";
 import {
   getProjectBoard,
   getValueModalType,
+  setProject,
   setProjectBoardFetch,
 } from "../../../redux/projectsTrackerSlice";
 
-import "./modalAdd.scss";
+import "./trackerModal.scss";
 
-export const ModalAdd = ({ active, setActive, selectedTab, defautlInput }) => {
+export const TrackerModal = ({
+  active,
+  setActive,
+  selectedTab,
+  defautlInput,
+  titleProject,
+}) => {
   const dispatch = useDispatch();
   const projectBoard = useSelector(getProjectBoard);
 
   const modalType = useSelector(getValueModalType);
 
+  const [emailWorker, setEmailWorker] = useState("");
+  const [ProjectName, setProjectName] = useState(defautlInput);
+  const [valueColumn, setValueColumn] = useState("");
+  const [nameProject, setNameProject] = useState("");
+
   const [valueTiket, setValueTiket] = useState("");
-  const [valueColl, setValueColl] = useState("");
   const [descriptionTicket, setDescriptionTicket] = useState("");
 
   function createTab() {
-    if (!valueColl) {
+    if (!valueColumn) {
       return;
     }
 
@@ -29,12 +40,12 @@ export const ModalAdd = ({ active, setActive, selectedTab, defautlInput }) => {
       method: "POST",
       data: {
         project_id: projectBoard.id,
-        title: valueColl,
+        title: valueColumn,
       },
     }).then((res) => {
       dispatch(setProjectBoardFetch(projectBoard.id));
     });
-    setValueColl("");
+    setValueColumn("");
     setActive(false);
   }
 
@@ -62,133 +73,29 @@ export const ModalAdd = ({ active, setActive, selectedTab, defautlInput }) => {
     setDescriptionTicket("");
   }
 
-  function editProject() {
+  function editProject() {}
+
+  function editProjectName(value) {
+    setProjectName(value);
   }
 
-  function getModal() {
-    switch (modalType) {
-      case "createColumn":
-        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={valueColl}
-                  onChange={(e) => setValueColl(e.target.value)}
-                ></input>
-              </div>
-            </div>
-            <button className="button-add" onClick={createTab}>
-              Создать
-            </button>
-            <span className="exit" onClick={() => setActive(false)}></span>
-          </div>
-        );
-      case "addWorker":
-        return (
-          <div
-            className="modal-add__content"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <div className="title-project">
-              <h4>Добавьте участника</h4>
-              <p className="title-project__decs">Введите имя или e-mail </p>
-              <div className="input-container">
-                <input
-                  className="name-project"
-                  value={valueTiket}
-                  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>
-        );
-      case "createTiketProject":
-        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={valueTiket}
-                  onChange={(e) => setValueTiket(e.target.value)}
-                  placeholder="Название задачи"
-                ></input>
-              </div>
-              <div className="input-container">
-                <input
-                  className="name-project"
-                  value={descriptionTicket}
-                  onChange={(e) => setDescriptionTicket(e.target.value)}
-                  placeholder="Описание задачи"
-                ></input>
-              </div>
-            </div>
-            <button className="button-add" onClick={createTiket}>
-              Создать
-            </button>
-            <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={editProject}>
-              Сохранить
-            </button>
-            <span className="exit" onClick={() => setActive(false)}></span>
-          </div>
-        );
-      case "editColumn":
-        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;
+  function createProject() {
+    if (nameProject === "") {
+      return;
+    } else {
+      apiRequest("/project/create", {
+        method: "POST",
+        data: {
+          user_id: localStorage.getItem("id"),
+          name: nameProject,
+          status: 1,
+        },
+      }).then((res) => {
+        const result = { ...res, columns: [] };
+        dispatch(setProject(result));
+        setActive(false);
+        setNameProject("");
+      });
     }
   }
 
@@ -197,9 +104,148 @@ export const ModalAdd = ({ active, setActive, selectedTab, defautlInput }) => {
       className={active ? "modal-add active" : "modal-add"}
       onClick={() => setActive(false)}
     >
-      {getModal()}
+      <div className="modal-add__content" onClick={(e) => e.stopPropagation()}>
+        {modalType === "addWorker" && (
+          <div>
+            <div className="title-project">
+              <h4>Добавьте участника</h4>
+              <p className="title-project__decs">Введите имя или e-mail </p>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={emailWorker}
+                  onChange={(e) => setEmailWorker(e.target.value)}
+                />
+              </div>
+            </div>
+            <button
+              className="button-add"
+              onClick={(e) => {
+                e.preventDefault();
+                setActive(false);
+              }}
+            >
+              Добавить
+            </button>
+          </div>
+        )}
+        {modalType === "createTiketProject" && (
+          <div>
+            <div className="title-project">
+              <h4>Введите название и описание задачи</h4>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={valueTiket}
+                  onChange={(e) => setValueTiket(e.target.value)}
+                  placeholder="Название задачи"
+                />
+              </div>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={descriptionTicket}
+                  onChange={(e) => setDescriptionTicket(e.target.value)}
+                  placeholder="Описание задачи"
+                />
+              </div>
+            </div>
+            <button className="button-add" onClick={createTiket}>
+              Создать
+            </button>
+          </div>
+        )}
+        {modalType === "editProject" && (
+          <div>
+            <div className="title-project">
+              <h4>Введите новое название</h4>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={ProjectName}
+                  onChange={(e) => editProjectName(e.target.value)}
+                />
+              </div>
+            </div>
+            <button className="button-add" onClick={editProject}>
+              Сохранить
+            </button>
+          </div>
+        )}
+        {modalType === "createProject" && (
+          <div>
+            <div className="title-project">
+              <h4>{titleProject}</h4>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={nameProject}
+                  onChange={(e) => setNameProject(e.target.value)}
+                />
+              </div>
+              <button className="button-add" onClick={createProject}>
+                Создать
+              </button>
+            </div>
+          </div>
+        )}
+        {modalType === "addSubtask" && (
+          <div>
+            <div className="title-project subtask">
+              <h4>
+                Вы добавляете подзадачу{" "}
+                <p>в колонку(id) задачи "{defautlInput}"</p>
+              </h4>
+              <p className="title-project__decs">Введите текст</p>
+              <div>
+                <textarea className="title-project__textarea"></textarea>
+              </div>
+            </div>
+            <button className="button-add" onClick={(e) => e.preventDefault()}>
+              Добавить
+            </button>
+          </div>
+        )}
+        {modalType === "createColumn" && (
+          <div>
+            <div className="title-project">
+              <h4>Введите название колонки</h4>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={valueColumn}
+                  onChange={(e) => setValueColumn(e.target.value)}
+                />
+              </div>
+            </div>
+            <button className="button-add" onClick={createTab}>
+              Создать
+            </button>
+          </div>
+        )}
+        {/* TODO: fix state */}
+        {modalType === "editColumn" && (
+          <div>
+            <div className="title-project">
+              <h4>Введите новое название</h4>
+              <div className="input-container">
+                <input
+                  className="name-project"
+                  value={defautlInput}
+                  onChange={(e) => setValueTiket(e.target.value)}
+                />
+              </div>
+            </div>
+            <button className="button-add" onClick={(e) => e.preventDefault()}>
+              Сохранить
+            </button>
+          </div>
+        )}
+
+        <span className="exit" onClick={() => setActive(false)}></span>
+      </div>
     </div>
   );
 };
 
-export default ModalAdd;
+export default TrackerModal;
diff --git a/src/components/UI/ModalAdd/modalAdd.scss b/src/components/UI/TrackerModal/trackerModal.scss
similarity index 98%
rename from src/components/UI/ModalAdd/modalAdd.scss
rename to src/components/UI/TrackerModal/trackerModal.scss
index 9e54d8b4..ca46330b 100644
--- a/src/components/UI/ModalAdd/modalAdd.scss
+++ b/src/components/UI/TrackerModal/trackerModal.scss
@@ -39,7 +39,7 @@
 
     h4 {
       font-weight: 500;
-      font-size: 17px;
+      font-size: 22px;
       line-height: 26px;
       color: #263238 !important;
     }
diff --git a/src/pages/PartnerBid/PartnerBid.jsx b/src/pages/PartnerBid/PartnerBid.jsx
index b2fe77c3..bad4a02d 100644
--- a/src/pages/PartnerBid/PartnerBid.jsx
+++ b/src/pages/PartnerBid/PartnerBid.jsx
@@ -13,7 +13,7 @@ import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileB
 import { Footer } from "../../components/Footer/Footer";
 import { Navigation } from "../../components/Navigation/Navigation";
 import { Loader } from "../../components/Loader/Loader";
-import ModalAdd from "../../components/UI/ModalAdd/ModalAdd";
+import ModalLayout from "../../components/UI/ModalLayout/ModalLayout";
 
 import { apiRequest } from "../../api/request";
 import { getCorrectDate } from "../../components/Calendar/calendarHelper";
@@ -76,7 +76,7 @@ export const PartnerBid = () => {
     <div className="partnerBid">
       <ProfileHeader />
       <Navigation />
-      <ModalAdd active={modalDelete} setActive={setModalDelete}>
+      <ModalLayout active={modalDelete} setActive={setModalDelete}>
         <div className="title-project modal-title-delete">
           <h4>Подтверждение удаления</h4>
           <p className="title-project__decs modal-decs">
@@ -99,7 +99,7 @@ export const PartnerBid = () => {
             </button>
           </div>
         </div>
-      </ModalAdd>
+      </ModalLayout>
 
       <div className="container">
         <ProfileBreadcrumbs
diff --git a/src/pages/ProjectTracker/ProjectTracker.js b/src/pages/ProjectTracker/ProjectTracker.js
index b886ab3e..59c3697d 100644
--- a/src/pages/ProjectTracker/ProjectTracker.js
+++ b/src/pages/ProjectTracker/ProjectTracker.js
@@ -15,11 +15,11 @@ import {
   moveProjectTask,
   setProjectBoardFetch,
   setToggleTab,
-  activeLoader
+  activeLoader,
 } from "../../redux/projectsTrackerSlice";
 
 import ModalTicket from "../../components/UI/ModalTicket/ModalTicket";
-import ModalAdd from "../../components/UI/ModalAdd/ModalAdd";
+import TrackerModal from "../../components/UI/TrackerModal/TrackerModal";
 
 import project from "../../images/trackerProject.svg";
 import tasks from "../../images/trackerTasks.svg";
@@ -45,10 +45,10 @@ export const ProjectTracker = () => {
 
   const startWrapperIndexTest = useRef({});
   const projectBoard = useSelector(getProjectBoard);
-  const loader = useSelector(getBoarderLoader)
+  const loader = useSelector(getBoarderLoader);
 
   useEffect(() => {
-    dispatch(activeLoader())
+    dispatch(activeLoader());
     dispatch(setProjectBoardFetch(projectId.id));
   }, []);
 
@@ -191,97 +191,95 @@ export const ProjectTracker = () => {
           </Link>
         </div>
         <div className="tracker__tabs__content">
-          {loader &&
-            <Loader style='green' />
-          }
-          {!loader &&
-          <div className="tracker__tabs__content__tasks tasks active__content">
-            <div className="tasks__head">
-              <div className="tasks__head__wrapper">
-                <h4>Проект : {projectBoard.name}</h4>
+          {loader && <Loader style="green" />}
+          {!loader && (
+            <div className="tracker__tabs__content__tasks tasks active__content">
+              <div className="tasks__head">
+                <div className="tasks__head__wrapper">
+                  <h4>Проект : {projectBoard.name}</h4>
 
-                <ModalAdd
+                  <TrackerModal
                     active={modalAdd}
                     setActive={setModalAdd}
                     selectedTab={selectedTab}
-                ></ModalAdd>
+                  ></TrackerModal>
 
-                <div className="tasks__head__add">
-                  <span
+                  <div className="tasks__head__add">
+                    <span
                       onClick={() => {
                         dispatch(modalToggle("createColumn"));
                         setModalAdd(true);
                       }}
-                  >
-                    +
-                  </span>
-                  <p>добавить колонку</p>
-                </div>
-                <div className="tasks__head__persons">
-                  <img src={avatarTest} alt="avatar" />
-                  <img src={avatarTest} alt="avatar" />
-                  <span className="countPersons">+9</span>
-                  <span
+                    >
+                      +
+                    </span>
+                    <p>добавить колонку</p>
+                  </div>
+                  <div className="tasks__head__persons">
+                    <img src={avatarTest} alt="avatar" />
+                    <img src={avatarTest} alt="avatar" />
+                    <span className="countPersons">+9</span>
+                    <span
                       className="addPerson"
                       onClick={() => {
                         dispatch(modalToggle("addWorker"));
                         setModalAdd(true);
                       }}
-                  >
-                    +
-                  </span>
-                  <p>добавить участника</p>
+                    >
+                      +
+                    </span>
+                    <p>добавить участника</p>
+                  </div>
+                  <div className="tasks__head__select">
+                    <span>Участвую</span>
+                    <img src={selectArrow} alt="arrow" />
+                  </div>
+                  <div className="tasks__head__select">
+                    <span>Мои</span>
+                    <img src={selectArrow} alt="arrow" />
+                  </div>
+                  <Link to="/profile/tracker" className="tasks__head__back">
+                    <p>Вернуться на проекты</p>
+                    <img src={arrow} alt="arrow" />
+                  </Link>
                 </div>
-                <div className="tasks__head__select">
-                  <span>Участвую</span>
-                  <img src={selectArrow} alt="arrow" />
-                </div>
-                <div className="tasks__head__select">
-                  <span>Мои</span>
-                  <img src={selectArrow} alt="arrow" />
-                </div>
-                <Link to="/profile/tracker" className="tasks__head__back">
-                  <p>Вернуться на проекты</p>
-                  <img src={arrow} alt="arrow" />
-                </Link>
               </div>
-            </div>
 
-            <ModalTicket
+              <ModalTicket
                 active={modalActiveTicket}
                 setActive={setModalActiveTicket}
                 task={selectedTicket}
                 projectId={projectBoard.id}
                 projectName={projectBoard.name}
-            />
+              />
 
-            <div className="tasks__container">
-              {Boolean(projectBoard?.columns) &&
-              Boolean(projectBoard.columns.length) &&
-              projectBoard.columns.map((column) => {
-                return (
-                    <div
+              <div className="tasks__container">
+                {Boolean(projectBoard?.columns) &&
+                  Boolean(projectBoard.columns.length) &&
+                  projectBoard.columns.map((column) => {
+                    return (
+                      <div
                         key={column.id}
                         onDragOver={(e) => dragOverHandler(e)}
                         onDragEnter={(e) => dragEnterHandler(column.id)}
                         onDrop={(e) => dragDropHandler(e, column.id)}
                         className={`tasks__board ${
-                            column.tasks.length >= 3 ? "tasks__board__more" : ""
+                          column.tasks.length >= 3 ? "tasks__board__more" : ""
                         } ${
-                            wrapperHover[column.id] ? "tasks__board__hover" : ""
+                          wrapperHover[column.id] ? "tasks__board__hover" : ""
                         }`}
-                    >
-                      <div className="board__head">
-                        {/*<span className={wrapperIndex === 3 ? "done" : ""}>*/}
-                        <span>{column.title}</span>
-                        <div>
-                          <span
+                      >
+                        <div className="board__head">
+                          {/*<span className={wrapperIndex === 3 ? "done" : ""}>*/}
+                          <span>{column.title}</span>
+                          <div>
+                            <span
                               className="add"
                               onClick={() => selectedTabTask(column.id)}
-                          >
-                            +
-                          </span>
-                          <span
+                            >
+                              +
+                            </span>
+                            <span
                               onClick={() => {
                                 setOpenColumnSelect((prevState) => ({
                                   ...prevState,
@@ -289,52 +287,52 @@ export const ProjectTracker = () => {
                                 }));
                               }}
                               className="more"
-                          >
-                            ...
-                          </span>
+                            >
+                              ...
+                            </span>
+                          </div>
                         </div>
-                      </div>
-                      {openColumnSelect[column.id] && (
+                        {openColumnSelect[column.id] && (
                           <div className="column__select">
                             <div
-                                className="column__select__item"
-                                onClick={() => {
-                                  setOpenColumnSelect((prevState) => ({
-                                    ...prevState,
-                                    [column.id]: false,
-                                  }));
-                                  dispatch(modalToggle("editColumn"));
-                                  setModalAdd(true);
-                                }}
+                              className="column__select__item"
+                              onClick={() => {
+                                setOpenColumnSelect((prevState) => ({
+                                  ...prevState,
+                                  [column.id]: false,
+                                }));
+                                dispatch(modalToggle("editColumn"));
+                                setModalAdd(true);
+                              }}
                             >
                               <img src={edit} alt="edit" />
                               <span>Изменить</span>
                             </div>
                             <div
-                                className="column__select__item"
-                                onClick={() => deleteColumn(column.id)}
+                              className="column__select__item"
+                              onClick={() => deleteColumn(column.id)}
                             >
                               <img src={del} alt="delete" />
                               <span>Удалить</span>
                             </div>
                           </div>
-                      )}
-                      {column.tasks.map((task, index) => {
-                        if (index > 2) {
-                          if (!column.open) {
-                            return;
+                        )}
+                        {column.tasks.map((task, index) => {
+                          if (index > 2) {
+                            if (!column.open) {
+                              return;
+                            }
                           }
-                        }
-                        return (
+                          return (
                             <div
-                                key={task.id}
-                                className="tasks__board__item"
-                                draggable={true}
-                                onDragStart={(e) =>
-                                    dragStartHandler(e, task, column.id)
-                                }
-                                onDragEnd={(e) => dragEndHandler(e)}
-                                onClick={(e) => openTicket(e, task)}
+                              key={task.id}
+                              className="tasks__board__item"
+                              draggable={true}
+                              onDragStart={(e) =>
+                                dragStartHandler(e, task, column.id)
+                              }
+                              onDragEnd={(e) => dragEndHandler(e)}
+                              onClick={(e) => openTicket(e, task)}
                             >
                               <div className="tasks__board__item__title">
                                 <p>{task.title}</p>
@@ -357,32 +355,32 @@ export const ProjectTracker = () => {
                                 {/*</div>*/}
                               </div>
                             </div>
-                        );
-                      })}
-                      {column.tasks.length > 3 && (
+                          );
+                        })}
+                        {column.tasks.length > 3 && (
                           <span
-                              className={
-                                column.open
-                                    ? "lessItems openItems"
-                                    : "moreItems openItems"
-                              }
-                              // onClick={() => toggleMoreTasks(column.id)}
+                            className={
+                              column.open
+                                ? "lessItems openItems"
+                                : "moreItems openItems"
+                            }
+                            // onClick={() => toggleMoreTasks(column.id)}
                           >
-                          {column.open ? "-" : "+"}
-                        </span>
-                      )}
+                            {column.open ? "-" : "+"}
+                          </span>
+                        )}
+                      </div>
+                    );
+                  })}
+                {Boolean(projectBoard?.columns) &&
+                  !Boolean(projectBoard.columns.length) && (
+                    <div className="tasks__board__noItems">
+                      В проекте нет задач.
                     </div>
-                );
-              })}
-              {Boolean(projectBoard?.columns) &&
-              !Boolean(projectBoard.columns.length) &&
-              <div className='tasks__board__noItems'>
-                В проекте нет задач.
+                  )}
               </div>
-              }
             </div>
-          </div>
-          }
+          )}
         </div>
       </div>
       <Footer />
diff --git a/src/pages/Tracker/Tracker.js b/src/pages/Tracker/Tracker.js
index 0654e51c..532f0980 100644
--- a/src/pages/Tracker/Tracker.js
+++ b/src/pages/Tracker/Tracker.js
@@ -1,18 +1,24 @@
-import React, {useEffect, useState} from "react";
+import React, { useEffect, useState } from "react";
 
 import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader";
 import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { Footer } from "../../components/Footer/Footer";
-import {apiRequest} from "../../api/request";
+import { apiRequest } from "../../api/request";
 import { Navigation } from "../../components/Navigation/Navigation";
 
 import { useDispatch, useSelector } from "react-redux";
-import { setAllProjects, getProjects, setToggleTab, getToggleTab } from "../../redux/projectsTrackerSlice";
+import {
+  setAllProjects,
+  getProjects,
+  setToggleTab,
+  getToggleTab,
+  modalToggle,
+} from "../../redux/projectsTrackerSlice";
 
-import ModalCreate from "../../components/UI/ModalCreate/ModalCreate";
+import TrackerModal from "../../components/UI/TrackerModal/TrackerModal";
 import ProjectTiket from "../../components/ProjectTiket/ProjectTiket";
-import { urlForLocal } from '../../helper'
-import { getCorrectDate} from "../../components/Calendar/calendarHelper";
+import { urlForLocal } from "../../helper";
+import { getCorrectDate } from "../../components/Calendar/calendarHelper";
 import { Loader } from "../../components/Loader/Loader";
 
 import project from "../../images/trackerProject.svg";
@@ -27,10 +33,11 @@ import "./tracker.scss";
 export const Tracker = () => {
   const dispatch = useDispatch();
   const projects = useSelector(getProjects);
-  const tab = useSelector(getToggleTab)
-  const [allTasks, setAllTasks] = useState([])
+  const tab = useSelector(getToggleTab);
+
+  const [allTasks, setAllTasks] = useState([]);
   const [filteredAllTasks, setFilteredAllTasks] = useState([]);
-  const [loader, setLoader] = useState(false)
+  const [loader, setLoader] = useState(false);
 
   const [archiveProjects] = useState([
     {
@@ -40,7 +47,7 @@ export const Tracker = () => {
     {
       name: "Будущее России",
       date: "7 марта 2023 г",
-    }
+    },
   ]);
 
   const [completeTasks] = useState([
@@ -64,7 +71,7 @@ export const Tracker = () => {
       dateComplete: "7 марта 2023 г",
       avatarDo: avatarTest,
       project: "Будущее России",
-    }
+    },
   ]);
 
   const [filterCompleteTasks, setFilterCompleteTasks] = useState(completeTasks);
@@ -73,36 +80,42 @@ export const Tracker = () => {
   const [modalCreateProject, setModalCreateProject] = useState(false);
 
   useEffect(() => {
-    setLoader(true)
-    apiRequest(`/project/project-list?user_id=${localStorage.getItem('id')}&expand=columns`).then((el) => {
-      dispatch(setAllProjects(el.projects))
-      setLoader(false)
-    })
-    apiRequest(`/task/get-user-tasks?user_id=${localStorage.getItem('id')}`).then((el) => {
-      setAllTasks(el)
-      setFilteredAllTasks(el)
-    })
-  }, [])
+    setLoader(true);
+    apiRequest(
+      `/project/project-list?user_id=${localStorage.getItem(
+        "id"
+      )}&expand=columns`
+    ).then((el) => {
+      dispatch(setAllProjects(el.projects));
+      setLoader(false);
+    });
+    apiRequest(
+      `/task/get-user-tasks?user_id=${localStorage.getItem("id")}`
+    ).then((el) => {
+      setAllTasks(el);
+      setFilteredAllTasks(el);
+    });
+  }, []);
 
   const toggleTabs = (index) => {
-    dispatch(setToggleTab(index))
+    dispatch(setToggleTab(index));
   };
 
   function filterAllTask(e) {
     setFilteredAllTasks(
-        allTasks.filter((item) => {
-          if (!e.target.value) {
-            return item;
-          }
-          if (
-              item.title.toLowerCase().startsWith(e.target.value.toLowerCase()) ||
-              item.description
-                  .toLowerCase()
-                  .startsWith(e.target.value.toLowerCase())
-          ) {
-            return item;
-          }
-        })
+      allTasks.filter((item) => {
+        if (!e.target.value) {
+          return item;
+        }
+        if (
+          item.title.toLowerCase().startsWith(e.target.value.toLowerCase()) ||
+          item.description
+            .toLowerCase()
+            .startsWith(e.target.value.toLowerCase())
+        ) {
+          return item;
+        }
+      })
     );
   }
 
@@ -171,52 +184,58 @@ export const Tracker = () => {
                 : "tracker__tabs__content__projects tracker__tabs__content__wrapper"
             }
           >
-            <ModalCreate
+            <TrackerModal
               active={modalCreateProject}
               setActive={setModalCreateProject}
-              title={"Укажите название проекта:"}
-            />
+              titleProject={"Укажите название проекта:"}
+            ></TrackerModal>
 
-            {loader &&
-              <Loader style='green'/>
-            }
+            {loader && <Loader style="green" />}
 
-            {Boolean(projects.length) && !loader &&
+            {Boolean(projects.length) &&
+              !loader &&
               projects.map((project, index) => {
-                return (
-                    project.status !== 10 ?
-                      <ProjectTiket
-                        key={index}
-                        project={project}
-                      ></ProjectTiket>
-                        : ''
+                return project.status !== 10 ? (
+                  <ProjectTiket key={index} project={project}></ProjectTiket>
+                ) : (
+                  ""
                 );
               })}
-            {(!Boolean(projects.length) || !Boolean(projects.filter((project) => project.status !== 10).length)) && !loader && (
-              <div className="no-projects">
-                <div className="no-projects__createNew">
-                  <div>
-                    <img src={noProjects} alt="noProjectImg" />
-                    <p>Создайте свой первый проект</p>
+            {(!Boolean(projects.length) ||
+              !Boolean(
+                projects.filter((project) => project.status !== 10).length
+              )) &&
+              !loader && (
+                <div className="no-projects">
+                  <div className="no-projects__createNew">
+                    <div>
+                      <img src={noProjects} alt="noProjectImg" />
+                      <p>Создайте свой первый проект</p>
+                    </div>
+                    <button
+                      className="createProjectBtn"
+                      onClick={() => {
+                        dispatch(modalToggle("createProject"));
+                        setModalCreateProject(true);
+                      }}
+                    >
+                      <span>+</span>Создать проект
+                    </button>
                   </div>
-                  <button
-                    className="createProjectBtn"
-                    onClick={() => setModalCreateProject(true)}
-                  >
-                    <span>+</span>Создать проект
-                  </button>
+                  <p className="no-projects__info">
+                    Ставьте задачи, следите за прогрессом, ведите учёт рабочего
+                    времени
+                  </p>
                 </div>
-                <p className="no-projects__info">
-                  Ставьте задачи, следите за прогрессом, ведите учёт рабочего
-                  времени
-                </p>
-              </div>
-            )}
+              )}
             {Boolean(projects.length) && !loader && (
               <div className="create-newProject">
                 <button
                   className="createProjectBtn"
-                  onClick={() => setModalCreateProject(true)}
+                  onClick={() => {
+                    dispatch(modalToggle("createProject"));
+                    setModalCreateProject(true);
+                  }}
                 >
                   <span>+</span>Создать проект
                 </button>
@@ -245,30 +264,32 @@ export const Tracker = () => {
                 />
               </div>
             </div>
-            {loader &&
-              <Loader style='green' />
-            }
-            {!loader &&
+            {loader && <Loader style="green" />}
+            {!loader && (
               <div className="taskList__wrapper">
-                {Boolean(filteredAllTasks.length) && filteredAllTasks.map((task) => {
-                  return (
-                    <div className="task" key={task.id}>
-                      <div className="task__info">
-                        <h5>{task.title}</h5>
-                        <p>{task.description}</p>
-                      </div>
-                      <div className="task__person">
-                        <img src={urlForLocal(task.user.avatar)} alt="avatar" />
-                        <div className="task__project">
-                          <p>{task.user.fio}</p>
-                          <span>{getCorrectDate(task.created_at)}</span>
+                {Boolean(filteredAllTasks.length) &&
+                  filteredAllTasks.map((task) => {
+                    return (
+                      <div className="task" key={task.id}>
+                        <div className="task__info">
+                          <h5>{task.title}</h5>
+                          <p>{task.description}</p>
+                        </div>
+                        <div className="task__person">
+                          <img
+                            src={urlForLocal(task.user.avatar)}
+                            alt="avatar"
+                          />
+                          <div className="task__project">
+                            <p>{task.user.fio}</p>
+                            <span>{getCorrectDate(task.created_at)}</span>
+                          </div>
                         </div>
                       </div>
-                    </div>
-                  );
-                })}
+                    );
+                  })}
               </div>
-            }
+            )}
           </div>
           <div
             className={