Changeset c68150f for reactapp/src/Pages/UserDashboard.js

Timestamp:

10/27/22 17:35:03 (2 years ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

3b6962d

Parents:

8d83180

Message:

left: moderation, oAuth, messaging

File:

• reactapp/src/Pages/UserDashboard.js (modified) (3 diffs)

reactapp/src/Pages/UserDashboard.js

@@ -1 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState, useContext } from "react";
 import {
   OpinionCard,
   OpinionCardContent,
   OpinionCardContentTime,
-  OpinionCardContentTitle,
 } from "../Components/Styled/OpinionCard.style";
 import {
@@ -11 +10 @@
 } from "../Components/Styled/UserDetails.style";
 import { dateConverter } from "../Util/dateConverter";
+import axios from "../api/axios";
+import JSOG from "jsog";
+import AuthApi from "../api/AuthApi";
 
-function UserDashboard({ user, userLoaded }) {
+function UserDashboard() {
+  const { auth, setAuth } = useContext(AuthApi);
+
+  const [user, setUser] = useState(null);
+  const [loadedUser, setLoadedUser] = useState(false);
+  const [fetchError, setFetchError] = useState(false);
+
   useEffect(() => {
-    const timer = setTimeout(() => {
-      if (user === null) window.location.reload(false);
-    }, 3000);
-    return () => clearTimeout(timer);
+    const url = `http://192.168.0.17:8080/secure/currentUser`;
+
+    const fetchUser = async () => {
+      try {
+        const response = await axios.get(url, { withCredentials: true });
+        var cyclicGraph = await response.data;
+        var jsogStructure = JSOG.encode(cyclicGraph);
+        cyclicGraph = JSOG.decode(jsogStructure);
+        setUser(cyclicGraph);
+        setLoadedUser(true);
+      } catch (error) {
+        setFetchError(true);
+      }
+    };
+
+    if (auth) fetchUser();
   }, []);
 
-  return userLoaded ? (
+  // useEffect(() => {
+  //   const timer = setTimeout(() => {
+  //     if (user === null) window.location.reload(false); <---- :-)
+  //   }, 3000);
+  //   return () => clearTimeout(timer);
+  // }, []);
+
+  function findParentThread(post) {
+    if (post.parent === null) return post;
+    return findParentThread(post.parent);
+  }
+
+  return loadedUser ? (
     <>
       <h3>Кориснички податоци:</h3>
@@ -49 +81 @@
             <OpinionCard>
               <OpinionCardContent>
-                <p>
-                  Во дискусија за{" "}
-                  <a href={"/professor/" + post.targetProfessor.professorId}>
-                    {post.targetProfessor.professorName}
-                  </a>
+                <p style={{ fontStyle: "italic", marginBottom: "10px" }}>
+                  во дискусија за{" "}
+                  {post.targetProfessor !== undefined ? (
+                    <a href={"/professor/" + post.targetProfessor.professorId}>
+                      {post.targetProfessor.professorName}
+                    </a>
+                  ) : (
+                    <a
+                      href={
+                        post.parent === null
+                          ? "/topic/" + post.postId
+                          : "/topic/" + findParentThread(post).postId
+                      }
+                    >
+                      {post.targetSubject.subjectName}
+                    </a>
+                  )}
                 </p>
-                <OpinionCardContentTitle>{post.title}</OpinionCardContentTitle>
-                <p>{post.content}</p>
+                <p style={{ marginBottom: "10px" }}>{post.content}</p>
                 <OpinionCardContentTime>
                   {dateConverter(