Merge pull request #351 from ita-social-projects/#332-header--redirec…

…t-to-view-my-profile-screen

332 [Header] Redirect to view own profile via click on profile icon

FrontEnd/src/components/HeaderFooter/header/navbar/Profile.jsx

@@ -1,16 +1,27 @@
-import avatar_image from './Avatar.png';
-import css from './Profile.module.css';
-import { Link } from 'react-router-dom';
-import Logout from './Logout';
+import { Link, useNavigate } from 'react-router-dom';
+
+import { useUser } from '../../../../hooks';
+
 import DropdownMenu from './DropdownMenu';
+import Logout from './Logout';
+import css from './Profile.module.css';
+import avatar_image from './Avatar.png';
+
 
 function Profile() {
+  const { user } = useUser();
+  const navigate = useNavigate();
+  const navigateToProfile = () => {
+    navigate(`/profile-detail/${user.profile_id}`);
+  };
+
   return (
     <div className={css['header-profile-section']}>
       <img
         className={css['header-profile__avatar']}
         src={avatar_image}
         alt=""
+        onClick={navigateToProfile}
       />
       <DropdownMenu toggleText="Профіль">
         <Link to="/profile/user-info">Профіль</Link>