Changeset 702ca77 for reactapp/src/Components

Timestamp:

08/19/22 19:10:24 (2 years ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

6221ab6

Parents:

6eba109

Message:

added current user/logout in header, display karma on user dashboard, started add post functionality in react

Location:

reactapp/src/Components

Files:

• Logout.js (modified) (2 diffs)
• Search.js (modified) (2 diffs)
• Styled/Main.style.js (modified) (1 diff)
• Styled/Modal.style.js (added)
• Styled/Search.style.js (modified) (1 diff)
• Styled/UserDetails.style.js (added)
• UserHeader.js (added)

reactapp/src/Components/Logout.js

@@ -2 +2 @@
 import AuthApi from "../api/AuthApi";
 import Cookies from "js-cookie";
+import { LogoutButton } from "./Styled/UserDetails.style";
+import { Navigate } from "react-router-dom";
 
 function Logout() {
@@ -11 +13 @@
   };
 
-  return <button onClick={handleLogout}>Одјави се</button>;
+  return <LogoutButton onClick={handleLogout}>Одјави се</LogoutButton>;
 }
 

reactapp/src/Components/Search.js

@@ -15 +15 @@
 
   useEffect(() => {
-    const url = `http://192.168.0.18:8080/public/professors/nameContains/${transliterate(
+    const url = `http://192.168.0.17:8080/public/professors/nameContains/${transliterate(
       query
     )}`;
@@ -23 +23 @@
         const response = await fetch(url);
         var cyclicGraph = await response.json();
-        var jsogStructure = JSOG.encode(cyclicGraph); // has { '@ref': 'ID' } links instead of cycles
+        var jsogStructure = JSOG.encode(cyclicGraph);
         cyclicGraph = JSOG.decode(jsogStructure);
         setProfessors(cyclicGraph);
-        //setLoaded(true);
       } catch (error) {
-        console.log("Fetching error occured", error);
+        console.log("Fetching error", error);
       }
     };

reactapp/src/Components/Styled/Main.style.js

@@ -6 +6 @@
   margin: auto;
   margin-top: 20px;
+  margin-bottom: 20px;
   padding-left: 50px;
   padding-right: 50px;

reactapp/src/Components/Styled/Search.style.js

@@ -30 +30 @@
   &:hover {
     background-color: papayawhip;
-    border: 1px solid blue;
-    text-decoration: underline 1px blue;
+    border: 1px solid #0066cc;
+    text-decoration: underline 1px #0066cc;
   }
   padding: 10px;