Changeset b248810 for jobvista-frontend/src/views/static/Header.js

Timestamp:

06/10/24 22:34:32 (3 weeks ago)

Author:

223021 <daniel.ilievski.2@…>

Branches:

main

Children:

befb988

Parents:

28b3398

Message:

Added no access page for new recruiters and admin panel for granting access

File:

• jobvista-frontend/src/views/static/Header.js (modified) (5 diffs)

jobvista-frontend/src/views/static/Header.js

@@ -1 +1 @@
 import {Link, NavLink} from "react-router-dom";
 import "./Header.css"
+import { jwtDecode } from "jwt-decode";
 import {useDispatch, useSelector} from 'react-redux';
 import {useEffect, useState} from "react";
@@ -6 +7 @@
 import Roles from "../../enumerations/Roles";
 import {useNavigate} from "react-router";
+import {AUTH_TOKEN} from "../../axios/axiosInstance";
 
 export const Header = (props) => {
@@ -16 +18 @@
     const [username, setUsername] = useState("");
 
+    const [user, setUser] = useState("");
+
     const signOut = () => {
         dispatch(AuthActions.signOut());
         window.location = "/";
     }
+
+    useEffect(() => {
+        const token = localStorage.getItem(AUTH_TOKEN);
+        if (token!=null) {
+            try {
+                const decodedToken = jwtDecode(token);
+                setUser({
+                    name: decodedToken.name,
+                    role: decodedToken.role,
+                    hasAccess: decodedToken.hasAccess,
+                });
+            } catch (error) {
+                console.error('Failed to decode token', error);
+            }
+        }
+    }, [auth]);
 
     useEffect(() => {
@@ -49 +69 @@
                             </>
                         }
+                        {role===Roles.ADMIN &&
+                            <>
+                                <NavLink to="/admin-panel" className="nav-item nav-link">Admin Panel</NavLink>
+                            </>
+
+                        }
                         <NavLink to="/about" className="nav-item nav-link">About</NavLink>
                         <NavLink to="/contact" className="nav-item nav-link">Support</NavLink>
@@ -57 +83 @@
                             <img src="/images/user.png" width="45" height="45"/>
                             <div className="auth-box">
-                                <p className="user"><b>{username}</b></p>
-                                <p className="role">{role==Roles.RECRUITER ? "Recruiter" : "Job Seeker"}</p>
+                                <p className="user"><b>{user.name}</b></p>
+                                {user.role==Roles.RECRUITER && <p className="role">Recruiter</p>}
+                                {user.role==Roles.JOBSEEKER && <p className="role">Job Seeker</p>}
+                                {user.role==Roles.ADMIN && <p className="role">Admin</p>}
+                                {/*<p className="role">{user.role==Roles.RECRUITER ? "Recruiter" : "Job Seeker"}</p>*/}
                             </div>