Changeset b248810 for jobvista-frontend/src/App.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/App.js (modified) (2 diffs)

jobvista-frontend/src/App.js

@@ -1 +1 @@
 import logo from './logo.svg';
 import './App.css';
-import {useDispatch} from "react-redux";
+import {useDispatch, useSelector} from "react-redux";
 import {BrowserRouter} from "react-router-dom";
 import {Header} from "./views/static/Header";
 import {RoutesConfig} from "./auth/RoutesConfig";
-import {useEffect} from "react";
+import {useEffect, useState} from "react";
 import {AuthActions} from "./redux/actions/authActions";
 import {AUTH_TOKEN} from "./axios/axiosInstance";
+import {jwtDecode} from "jwt-decode";
+import {NoAccess} from "./views/static/NoAccess";
 
 function App() {
@@ -16 +18 @@
     }, [dispatch])
 
+    const [user, setUser] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const auth = useSelector(state => state.auth);
+
+    useEffect(() => {
+        const token = localStorage.getItem(AUTH_TOKEN);
+        if (token !== null) {
+            try {
+                const decodedToken = jwtDecode(token);
+                setUser({
+                    name: decodedToken.name,
+                    role: decodedToken.role,
+                    hasAccess: auth.currentUser.access,
+                });
+                setLoading(false);
+            } catch (error) {
+                console.error('Failed to decode token', error);
+                setLoading(false);
+            }
+        } else {
+            setLoading(false);
+        }
+    }, [auth]);
+
+    if (loading) {
+        return <NoAccess />; // Replace LoadingSpinner with your loading indicator component
+    }
+
   return (
       <div className="App">
           <BrowserRouter>
-              <Header/>
-              <RoutesConfig/>
+              {user === null ? (
+                  <>
+                      <Header />
+                      <RoutesConfig />
+                  </>
+              ) : user.hasAccess ? (
+                  <>
+                      <Header />
+                      <RoutesConfig />
+                  </>
+              ) : (
+                  <NoAccess user={user}/>
+              )}
+
+
           </BrowserRouter>
       </div>