Changeset 6221ab6 for reactapp/src/App.js

Timestamp:

08/20/22 21:12:04 (23 months ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

2fcbde4

Parents:

702ca77

Message:

finished add post func. in react, fixed user dashboard details not loading upon login redirect

File:

• reactapp/src/App.js (modified) (4 diffs)

reactapp/src/App.js

@@ -8 +8 @@
 import AuthApi from "./api/AuthApi";
 import Cookies from "js-cookie";
+import axios from "./api/axios";
+import JSOG from "jsog";
 
 export default function App() {
   const [auth, setAuth] = useState(false);
+  const [user, setUser] = useState(null);
+  const [userLoaded, setUserLoaded] = useState(false);
   const variableAuth = useMemo(() => ({ auth, setAuth }), [auth]);
   const [authLoaded, setAuthLoaded] = useState(false);
+
+  const fetchUser = async () => {
+    try {
+      const response = await axios.get(
+        "http://192.168.0.19:8080/secure/currentUser",
+        { withCredentials: true }
+      );
+      var cyclicGraph = await response.data;
+      var jsogStructure = JSOG.encode(cyclicGraph);
+      cyclicGraph = JSOG.decode(jsogStructure);
+      setUser(cyclicGraph);
+      setUserLoaded(true);
+    } catch (error) {
+      console.log("Fetching error", error);
+    }
+  };
 
   const readCookie = async () => {
@@ -18 +38 @@
     if (session) {
       setAuth(true); // go stava true ako postoi takvo cookie (zasto auth=false na sekoe renderiranje)
+      fetchUser();
     } else {
       setAuth(false);
@@ -43 +64 @@
       <BrowserRouter>
         <Routes>
-          <Route path="/" element={<Home />}>
+          <Route
+            path="/"
+            element={<Home user={user} userLoaded={userLoaded} />}
+          >
             <Route path="login" element={<Login />}></Route>
             <Route path="professor">
-              <Route path=":professorId" element={<Professor />} />
+              <Route
+                path=":professorId"
+                element={<Professor user={user} userLoaded={userLoaded} />}
+              />
             </Route>
             <Route path="search" element={<SearchResults />}></Route>
@@ -53 +80 @@
               element={
                 <ProtectedRoute auth={auth}>
-                  <UserDashboard />
+                  {<UserDashboard user={user} userLoaded={userLoaded} />}
                 </ProtectedRoute>
               }