Changeset befb988 for jobvista-frontend/src/App.js

Timestamp:

06/17/24 21:59:14 (2 weeks ago)

Author:

223021 <daniel.ilievski.2@…>

Branches:

main

Children:

08f82ec

Parents:

b248810

Message:

Added an edit profile page for both job seekers and recruiters, where they can upload profile pictures/company logos and edit their profile data. Added profile page specifically for recruiters. Refactored existing code.

File:

• jobvista-frontend/src/App.js (modified) (5 diffs)

jobvista-frontend/src/App.js

@@ -4 +4 @@
 import {BrowserRouter} from "react-router-dom";
 import {Header} from "./views/static/Header";
-import {RoutesConfig} from "./auth/RoutesConfig";
-import {useEffect, useState} from "react";
+import RoutesConfig from "./auth/RoutesConfig";
+import React, {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";
+import {Loading} from "./views/static/Loading";
+import {ToastContainer} from "react-toastify";
 
 function App() {
@@ -20 +22 @@
     const [user, setUser] = useState(null);
     const [loading, setLoading] = useState(true);
+    const [minimumLoadingTime, setMinimumLoadingTime] = useState(true);
+
     const auth = useSelector(state => state.auth);
+
+    useEffect(() => {
+        // Simulate a minimum loading time of 1 second
+        const timer = setTimeout(() => {
+            setMinimumLoadingTime(false);
+        }, 1000);
+
+        // Clear timeout if component unmounts
+        return () => clearTimeout(timer);
+    }, []);
 
     useEffect(() => {
@@ -30 +44 @@
                     name: decodedToken.name,
                     role: decodedToken.role,
-                    hasAccess: auth.currentUser.access,
+                    hasAccess: decodedToken.access,
+                    id: decodedToken.id
                 });
                 setLoading(false);
@@ -42 +57 @@
     }, [auth]);
 
-    if (loading) {
-        return <NoAccess />; // Replace LoadingSpinner with your loading indicator component
+    if (loading || minimumLoadingTime) {
+        return <Loading />; // Replace LoadingSpinner with your loading indicator component
     }
 
@@ -58 +73 @@
                       <Header />
                       <RoutesConfig />
+                      {/*<Loading/>*/}
                   </>
               ) : (
                   <NoAccess user={user}/>
               )}
-
-
           </BrowserRouter>
+          <ToastContainer/>
       </div>
   );