From b0049cbd7edc93df7d82a3a710a4b6b0e7029a3a Mon Sep 17 00:00:00 2001
From: MaxOvs19 <gshk3669@gmail.com>
Date: Tue, 7 Nov 2023 16:37:03 +0300
Subject: [PATCH] Fixed project card

---
 src/components/ProjectTiket/ProjectTiket.jsx  |  6 +++++-
 src/components/ProjectTiket/projectTiket.scss | 14 +++++++++++---
 src/pages/Tracker/Tracker.jsx                 |  4 ++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/components/ProjectTiket/ProjectTiket.jsx b/src/components/ProjectTiket/ProjectTiket.jsx
index 34a3aae8..4986a65a 100644
--- a/src/components/ProjectTiket/ProjectTiket.jsx
+++ b/src/components/ProjectTiket/ProjectTiket.jsx
@@ -74,7 +74,10 @@ export const ProjectTiket = ({ project, index }) => {
 
   return (
     <div className="project" key={index}>
-      <Link to={`/tracker/project/${project.id}`}>
+      <Link
+        to={`/tracker/project/${project.id}`}
+        className="project__open-traker"
+      >
         <p className="project__link">{project.name}</p>
 
         <div className="project__info">
@@ -93,6 +96,7 @@ export const ProjectTiket = ({ project, index }) => {
       <span className="menu-settings" onClick={() => setModalSelect(true)}>
         ...
       </span>
+
       <Link
         to={`/profile/statistics/${project.id}`}
         className="project__statistics"
diff --git a/src/components/ProjectTiket/projectTiket.scss b/src/components/ProjectTiket/projectTiket.scss
index 1c5b37fe..eed4819c 100644
--- a/src/components/ProjectTiket/projectTiket.scss
+++ b/src/components/ProjectTiket/projectTiket.scss
@@ -1,10 +1,12 @@
 .project {
+  display: flex;
+  flex-direction: column;
   position: relative;
   width: 322px;
 
   background: #f1f1f1;
   border-radius: 12px;
-  padding: 17px 26px 16px;
+
   cursor: pointer;
   max-width: 440px;
   transition: 0.4s;
@@ -43,7 +45,7 @@
     display: flex;
     align-items: center;
     position: relative;
-    margin-bottom: 27px;
+    margin-bottom: 45px;
 
     p {
       color: #6f6f6f;
@@ -94,9 +96,15 @@
     margin-left: 56px;
   }
 
+  &__open-traker {
+    padding: 17px 26px 16px;
+  }
+
   &__statistics {
+    position: absolute;
+    bottom: 18px;
+    left: 26px;
     color: #678eda;
-    margin-top: 27px;
     text-decoration: underline;
     font-size: 12px;
     font-weight: 300;
diff --git a/src/pages/Tracker/Tracker.jsx b/src/pages/Tracker/Tracker.jsx
index 6ec7ac93..74135eff 100644
--- a/src/pages/Tracker/Tracker.jsx
+++ b/src/pages/Tracker/Tracker.jsx
@@ -197,7 +197,7 @@ export const Tracker = () => {
               !loader &&
               projects.map((project, index) => {
                 return project.status !== 10 ? (
-                  <ProjectTiket key={index} project={project}></ProjectTiket>
+                  <ProjectTiket key={index} project={project} />
                 ) : (
                   ""
                 );
@@ -452,7 +452,7 @@ export const Tracker = () => {
                       {Boolean(filterCompleteTasks.length) ? (
                         filterCompleteTasks.map((task, index) => {
                           return (
-                            <tr>
+                            <tr key={index}>
                               <td className="archive__completeTask__description">
                                 <p className="completeTask__title">
                                   {task.title}