From 05fcbc224c6a3b6a4c5bebe59b3bc1a4345378e8 Mon Sep 17 00:00:00 2001
From: Nickolai <lindeman072@mail.ru>
Date: Tue, 20 Aug 2024 14:52:44 +0400
Subject: [PATCH] fix/filter4

---
 src/pages/Profile/Profile.module.scss |  4 ++
 src/pages/Profile/Profile.tsx         | 70 ++++++++++++++-------------
 src/ui/ProjectsItem/ProjectsItem.tsx  |  1 -
 3 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/src/pages/Profile/Profile.module.scss b/src/pages/Profile/Profile.module.scss
index 72fb5fa..1ffd199 100644
--- a/src/pages/Profile/Profile.module.scss
+++ b/src/pages/Profile/Profile.module.scss
@@ -165,3 +165,7 @@
   color: $button-hover;
   cursor: pointer;
 }
+
+.link {
+  text-decoration: none;
+}
\ No newline at end of file
diff --git a/src/pages/Profile/Profile.tsx b/src/pages/Profile/Profile.tsx
index 88a26aa..ad66df3 100644
--- a/src/pages/Profile/Profile.tsx
+++ b/src/pages/Profile/Profile.tsx
@@ -10,10 +10,10 @@ import {
 } from 'src/store/features/slice/userSlice';
 import { useEffect } from 'react';
 import { BASE_URL } from 'src/store/api';
-import DigramOne from 'src/assets/images/diagram1.png'
-import DigramTwo from 'src/assets/images/diagram2.png'
-import DigramThree from 'src/assets/images/diagram3.png'
-
+import DigramOne from 'src/assets/images/diagram1.png';
+import DigramTwo from 'src/assets/images/diagram2.png';
+import DigramThree from 'src/assets/images/diagram3.png';
+import { Link } from 'react-router-dom';
 
 export default function Profile() {
   const { shortWindow } = useAppSelector(selectMembers);
@@ -66,30 +66,30 @@ export default function Profile() {
             [styles.containerCharts_row]: !shortWindow,
           })}
         >
-            <li className={styles.item}>
-              <p className={styles.text}>Загруженность 87 %</p>
-              <img
-                className={styles.chart}
-                src={DigramOne}
-                alt='иконка диаграммы'
-              />
-            </li>
-            <li className={styles.item}>
-              <p className={styles.text}>Следующий грейд 44 %</p>
-              <img
-                className={styles.chart}
-                src={DigramTwo}
-                alt='иконка диаграммы'
-              />
-            </li>
-            <li className={styles.item}>
-              <p className={styles.text}>Эффективность 65 %</p>
-              <img
-                className={styles.chart}
-                src={DigramThree}
-                alt='иконка диаграммы'
-              />
-            </li>
+          <li className={styles.item}>
+            <p className={styles.text}>Загруженность 87 %</p>
+            <img
+              className={styles.chart}
+              src={DigramOne}
+              alt='иконка диаграммы'
+            />
+          </li>
+          <li className={styles.item}>
+            <p className={styles.text}>Следующий грейд 44 %</p>
+            <img
+              className={styles.chart}
+              src={DigramTwo}
+              alt='иконка диаграммы'
+            />
+          </li>
+          <li className={styles.item}>
+            <p className={styles.text}>Эффективность 65 %</p>
+            <img
+              className={styles.chart}
+              src={DigramThree}
+              alt='иконка диаграммы'
+            />
+          </li>
         </ul>
         <div className={styles.eventsContainer}>
           {EVENTS_DATA.map((cont, index) => (
@@ -116,12 +116,14 @@ export default function Profile() {
             </h3>
             <ul className={styles.itemContainerList}>
               {profile?.projects.map((item, index) => (
-                <li
-                  className={`${styles.itemContainerItem} ${styles.colorBlue}`}
-                  key={index}
-                >
-                  {item}
-                </li>
+                <Link to='/projects' className={styles.link}>
+                  <li
+                    className={`${styles.itemContainerItem} ${styles.colorBlue}`}
+                    key={index}
+                  >
+                    {item}
+                  </li>
+                </Link>
               ))}
             </ul>
           </div>
diff --git a/src/ui/ProjectsItem/ProjectsItem.tsx b/src/ui/ProjectsItem/ProjectsItem.tsx
index ee05906..610d5b6 100644
--- a/src/ui/ProjectsItem/ProjectsItem.tsx
+++ b/src/ui/ProjectsItem/ProjectsItem.tsx
@@ -8,7 +8,6 @@ export default function ProjectsItem({ name, teams }: ProjectseProps) {
   const handleTeamClick = (teamId: number) => {
     navigate(`/teams/${teamId}`);
   };
-
   
   return (
     <div className={styles.projectsItem}>