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

Timestamp:

05/16/24 23:09:21 (6 weeks ago)

Author:

223021 <daniel.ilievski.2@…>

Branches:

main

Children:

28b3398

Parents:

d8b6c91

Message:

Implemented backend and frontend CRUD operations for job advertisements

File:

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

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

@@ -5 +5 @@
 import {AuthActions} from "../../redux/actions/authActions";
 import Roles from "../../enumerations/Roles";
+import {useNavigate} from "react-router";
 
-export const Header = () => {
+export const Header = (props) => {
 
     const auth = useSelector(state => state.auth.currentUser);
     const dispatch = useDispatch();
+    const navigator = useNavigate();
 
-    const [role, setRole] = useState(null);
-    const [username, setUsername] = useState(null);
+    const [role, setRole] = useState("");
+    const [username, setUsername] = useState("");
 
     const signOut = () => {
@@ -20 +22 @@
 
     useEffect(() => {
-
         if (auth) {
             setRole(auth.role);
@@ -34 +35 @@
                 <div className="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul className="navbar-nav me-auto mb-2 mb-lg-0">
-                        <NavLink to="/" className="nav-item nav-link" activeClassName="active">Home</NavLink>
+                        <NavLink to="/" className="nav-item nav-link">Home</NavLink>
                         {role==Roles.JOBSEEKER &&
                             <>
-                                <NavLink to="/applications" className="nav-item nav-link" activeClassName="active">Applications</NavLink>
-                                <NavLink to="/favoritejobs" className="nav-item nav-link" activeClassName="active">Saved</NavLink>
+                                <NavLink to="/applications" className="nav-item nav-link" >Applications</NavLink>
+                                <NavLink to="/favoritejobs" className="nav-item nav-link" >Saved</NavLink>
                             </>
 
@@ -44 +45 @@
                         {role==Roles.RECRUITER &&
                             <>
-                                <NavLink to="/jobadvertisements" className="nav-item nav-link" activeClassName="active">Job Advertisements</NavLink>
-                                <NavLink to="/favoritejobs" className="nav-item nav-link" activeClassName="active">Saved</NavLink>
+                                <NavLink to="/my-job-advertisements" className="nav-item nav-link" >Job Advertisements</NavLink>
+                                <NavLink to="/favoritejobs" className="nav-item nav-link" >Saved</NavLink>
                             </>
                         }
@@ -61 +62 @@
 
 
-                            <Link onClick={signOut} className="btn btn-outline-secondary">Log out</Link>
+                            <Link onClick={signOut} className="btn auth-secondary-btn">Log out</Link>
                         </> :
                         <>
-                            <Link to="/signin" className="btn btn-outline-secondary">Sign in</Link>
+                            <Link to="/signin" className="btn auth-secondary-btn">Sign in</Link>
                         </>
                     }