From 86f92597d2a527346f51d9e5d74e5ef393b2297c Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Wed, 6 Dec 2023 17:08:17 +0100
Subject: [PATCH 1/5] redirect to edit profile

---
 .../ProfileDetail/MainInfo/TitleInfo.jsx      | 39 ++++++++++++++-----
 1 file changed, 30 insertions(+), 9 deletions(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index 7787294b2..84487aa8a 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -1,4 +1,5 @@
 import { useState, useMemo } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { Badge } from 'antd';
 import { StarOutlined, StarFilled } from '@ant-design/icons';
 import { PropTypes } from 'prop-types';
@@ -10,6 +11,7 @@ import classes from './TitleInfo.module.css';
 
 function TitleInfo({ isAuthorized, data }) {
   const { user } = useUser();
+  const navigate = useNavigate();
   const [isSaved, setIsSaved] = useState(data.is_saved);
   const profile = useMemo(() => {
     return {
@@ -72,6 +74,10 @@ function TitleInfo({ isAuthorized, data }) {
     }
   };
 
+  const navigateToEditProfile = () => {
+    navigate('/profile/user-info');
+  };
+
   const filledStar = (
     <StarFilled
       style={{ color: '#FFD800', fontSize: '24px' }}
@@ -133,15 +139,30 @@ function TitleInfo({ isAuthorized, data }) {
         </div>
         <div className={classes['title-block__company_region']}>{profile.region}</div>
       </div>
-      {isAuthorized && !ownProfile ? (
-        <button
-          onClick={handleClick}
-          type="button"
-          className={`${classes['title-block__button']} ${isSaved && classes['added_to_saved__button']}`}
-        >
-            <span className={`${classes['title-block__button--text']} ${isSaved && classes['added_to_saved__button--text']}`}>{!isSaved ? 'Додати в збережені' : 'Додано в збережені'}</span>
-          {isAuthorized ? (isSaved ? filledStar : outlinedStar) : null}
-        </button>
+      {isAuthorized ? (
+        <>
+          {!ownProfile && (
+            <button
+              onClick={handleClick}
+              type="button"
+              className={`${classes['title-block__button']} ${isSaved && classes['added_to_saved__button']}`}
+            >
+              <span className={`${classes['title-block__button--text']} ${isSaved && classes['added_to_saved__button--text']}`}>
+                {!isSaved ? 'Додати в збережені' : 'Додано в збережені'}
+              </span>
+              {isAuthorized ? (isSaved ? filledStar : outlinedStar) : null}
+            </button>
+          )}
+          {ownProfile && (
+            <button
+              type="button"
+              className={`${classes['title-block__button']}`}
+              onClick={navigateToEditProfile}
+            >
+              <span className={`${classes['title-block__button--text']}`}>Редагувати профіль</span>
+            </button>
+          )}
+        </>
       ) : null}
     </div>
   );

From 0a8bb19e2b5079d0f41be03d1cc0b43cf8f042c8 Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Thu, 7 Dec 2023 23:34:44 +0100
Subject: [PATCH 2/5] classnames added

---
 FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index 84487aa8a..d9f8b499e 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { Badge } from 'antd';
 import { StarOutlined, StarFilled } from '@ant-design/icons';
 import { PropTypes } from 'prop-types';
+import classNames from 'classnames';
 import useSWRMutation from 'swr/mutation';
 
 import { useUser } from '../../../hooks';
@@ -145,9 +146,9 @@ function TitleInfo({ isAuthorized, data }) {
             <button
               onClick={handleClick}
               type="button"
-              className={`${classes['title-block__button']} ${isSaved && classes['added_to_saved__button']}`}
+              className={classNames(classes['title-block__button'], {[classes['added_to_saved__button']]: isSaved})}
             >
-              <span className={`${classes['title-block__button--text']} ${isSaved && classes['added_to_saved__button--text']}`}>
+              <span className={classNames(classes['title-block__button--text'], {[classes['added_to_saved__button--text']]: isSaved})}>
                 {!isSaved ? 'Додати в збережені' : 'Додано в збережені'}
               </span>
               {isAuthorized ? (isSaved ? filledStar : outlinedStar) : null}

From 136509ad861fc130a4425cbb3a3a26f26cf0c25d Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Fri, 8 Dec 2023 11:43:35 +0100
Subject: [PATCH 3/5] get star visibility function

---
 .../src/components/ProfileDetail/MainInfo/TitleInfo.jsx  | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index d9f8b499e..a3771fc0b 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -92,6 +92,13 @@ function TitleInfo({ isAuthorized, data }) {
     />
   );
 
+  const getStarVisibility = () => {
+    if (isAuthorized) {
+        return isSaved ? filledStar : outlinedStar;
+      }
+    return null;
+  };
+
   const CategoryBadges = ({ categories }) => {
     return (
       <>
@@ -151,7 +158,7 @@ function TitleInfo({ isAuthorized, data }) {
               <span className={classNames(classes['title-block__button--text'], {[classes['added_to_saved__button--text']]: isSaved})}>
                 {!isSaved ? 'Додати в збережені' : 'Додано в збережені'}
               </span>
-              {isAuthorized ? (isSaved ? filledStar : outlinedStar) : null}
+              {getStarVisibility()}
             </button>
           )}
           {ownProfile && (

From 7eb5b4549fbe07603f48993955fad5b033c67713 Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Fri, 8 Dec 2023 12:31:57 +0100
Subject: [PATCH 4/5] button -> a, styles fixed

---
 .../components/ProfileDetail/MainInfo/TitleInfo.jsx   |  8 ++++----
 .../ProfileDetail/MainInfo/TitleInfo.module.css       | 11 +++++++----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index a3771fc0b..1b48ba93d 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -162,13 +162,13 @@ function TitleInfo({ isAuthorized, data }) {
             </button>
           )}
           {ownProfile && (
-            <button
-              type="button"
-              className={`${classes['title-block__button']}`}
+            <a
+              role="link"
+              className={`${classes['title-block__button']} ${classes['title-block__link']}`}
               onClick={navigateToEditProfile}
             >
               <span className={`${classes['title-block__button--text']}`}>Редагувати профіль</span>
-            </button>
+            </a>
           )}
         </>
       ) : null}
diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
index 47588be6a..43830cfde 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
@@ -1,6 +1,6 @@
 .title-block {
     display: flex;
-    width: 1304px;
+    width: 1280px;
     padding: 16px 12px 8px 12px;
     align-items: flex-start;
     gap: 12px;
@@ -26,10 +26,9 @@
 
 .title-block__about {
     display: flex;
-    width: 1010px;
     flex-direction: column;
     align-items: flex-start;
-    flex-shrink: 0;
+    flex: 1 0 0;
 }
 
 .title-block__activity {
@@ -77,7 +76,7 @@
 
 .title-block__button {
     display: flex;
-    height: 34px;
+    height: 32px;
     padding: 5px 15px;
     justify-content: center;
     align-items: center;
@@ -88,6 +87,10 @@
     cursor: pointer;
 }
 
+.title-block__link {
+    height: 22px;
+}
+
 .added_to_saved__button {
     background: var(--primary-green-80, #1F9A7C);
 }

From a4e4b93729482b4cbab6bcc6385e2dbe872baced Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Sun, 10 Dec 2023 21:29:50 +0100
Subject: [PATCH 5/5] return null removed

---
 FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index 1b48ba93d..ce338693b 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -96,7 +96,6 @@ function TitleInfo({ isAuthorized, data }) {
     if (isAuthorized) {
         return isSaved ? filledStar : outlinedStar;
       }
-    return null;
   };
 
   const CategoryBadges = ({ categories }) => {