Fixed settings page and modals

src/pages/Tracker/Tracker.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 
 import { ProfileHeader } from "../../components/ProfileHeader/ProfileHeader";
-import {ProfileBreadcrumbs} from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
+import { ProfileBreadcrumbs } from "../../components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { Footer } from "../../components/Footer/Footer";
 
 import { useDispatch, useSelector } from "react-redux";
@@ -364,6 +364,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: "Сверстать часть таблицы. Сверстать часть таблицы",
@@ -371,7 +377,7 @@ export const Tracker = () => {
           files: 0,
           avatarCreated: avatarTest,
           avatarDo: avatarTest,
-          id: item.tasks.length + 1,
+          id: idItem + 1,
         };
 
         item.tasks.push(newTiket);
@@ -398,10 +404,11 @@ export const Tracker = () => {
       <ProfileHeader />
       <div className="container">
         <div className="tracker__content">
-          <ProfileBreadcrumbs links={[
-            {name: 'Главная', link: '/profile'},
-            {name: 'Трекер', link: '/profile/tracker'}
-          ]}
+          <ProfileBreadcrumbs
+            links={[
+              { name: "Главная", link: "/profile" },
+              { name: "Трекер", link: "/profile/tracker" },
+            ]}
           />
           <h2 className="tracker__title">Трекер</h2>
           <div className="tracker__tabs">
@@ -477,7 +484,7 @@ export const Tracker = () => {
                       onClick={(e) => e.stopPropagation()}
                     >
                       <div className="title-project">
-                        <h4>Введите название карточки</h4>
+                        <h4>Введите название новой колонки</h4>
                         <div className="input-container">
                           <input
                             className="name-project"