Changeset 6eba109 for reactapp/src/Pages

Timestamp:

08/17/22 16:21:10 (2 years ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

702ca77

Parents:

800779d

Message:

implemented authentication in react

Location:

reactapp/src/Pages

Files:

• Home.js (modified) (1 diff)
• Login.js (modified) (3 diffs)
• Professor.js (modified) (1 diff)
• User.js (added)

reactapp/src/Pages/Home.js

@@ -20 +20 @@
       </a>{" "}
       <Search />
+      <div style={{ marginTop: "140px" }}></div>
       <Outlet />
     </MainWrapper>

reactapp/src/Pages/Login.js

@@ -1 @@
-import React, { useRef, useState, useEffect } from "react";
+import React, { useRef, useState, useEffect, useContext } from "react";
+import { Navigate } from "react-router-dom";
+import AuthApi from "../api/AuthApi";
 import axios from "../api/axios";
+import Cookies from "js-cookie";
 const LOGIN_URL = "/login";
 
 const Login = () => {
+  const { auth, setAuth } = useContext(AuthApi);
   const userRef = useRef();
   const errRef = useRef();
@@ -10 +14 @@
   const [password, setPassword] = useState("");
   const [errMsg, setErrMsg] = useState("");
-  const [success, setSuccess] = useState(false);
 
   useEffect(() => {
     userRef.current.focus();
   }, []);
-
-  useEffect(() => {
-    setErrMsg("");
-  }, [username, password]);
 
   const handleSubmit = async (e) => {
@@ -33 +32 @@
       }
     );
+    if (!response.request.responseURL.includes("error")) {
+      // ako NE redirektira na /login?error
+      Cookies.set("JSESSIONID", response.data.sessionId);
+      setAuth(true);
+      setErrMsg("");
+    } else {
+      setErrMsg("Погрешно корисиничко име и/или лозинка");
+    }
+
     setUsername("");
     setPassword("");
-    setSuccess(true);
   };
 
-  return success ? (
+  const handleLogout = () => {
+    setAuth(false);
+    Cookies.remove("JSESSIONID");
+  };
+
+  return auth ? (
+    /*
     <div style={{ marginTop: "140px" }}>
       <h1>Успешна најава!</h1>
       <br />
       <p>
-        <a href="/">Оди на почетната страница</a>
+        <a href="/user">Оди на protected</a>
       </p>
+      <button onClick={handleLogout}>Одјави се</button>
     </div>
+    */
+    <Navigate to="/user" />
   ) : (
     <div style={{ marginTop: "140px" }}>

reactapp/src/Pages/Professor.js

@@ -18 +18 @@
 
   useEffect(() => {
-    const url = `http://192.168.0.17:8080/public/professor/${params.professorId}`;
+    const url = `http://192.168.0.18:8080/public/professor/${params.professorId}`;
 
     const fetchData = async () => {