Changeset 6eba109 for reactapp/src/App.js

Timestamp:

08/17/22 16:21:10 (23 months ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

702ca77

Parents:

800779d

Message:

implemented authentication in react

File:

• reactapp/src/App.js (modified) (1 diff)

reactapp/src/App.js

@@ -2 +2 @@
 import SearchResults from "./Pages/SearchResults";
 import Login from "./Pages/Login";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
 import Home from "./Pages/Home";
+import User from "./Pages/User";
+import { useEffect, useState, useMemo } from "react";
+import AuthApi from "./api/AuthApi";
+import Cookies from "js-cookie";
 
 export default function App() {
+  const [auth, setAuth] = useState(false);
+  const variableAuth = useMemo(() => ({ auth, setAuth }), [auth]);
+
+  const readCookie = () => {
+    const session = Cookies.get("JSESSIONID");
+    if (session) {
+      setAuth(true); // go stava true ako postoi takvo cookie (zasto auth=false na sekoe renderiranje)
+    }
+  };
+
+  useEffect(() => {
+    readCookie();
+  }, []);
+
+  const ProtectedRoute = ({ auth, children }) => {
+    if (!auth) {
+      return <Navigate to="/login" replace />;
+    }
+    return children;
+  };
+
   return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="/" element={<Home />}>
-          <Route path="login" element={<Login />}></Route>
-          <Route path="professor">
-            <Route path=":professorId" element={<Professor />} />
+    <AuthApi.Provider value={variableAuth}>
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<Home />}>
+            <Route path="login" element={<Login />}></Route>
+            <Route path="professor">
+              <Route path=":professorId" element={<Professor />} />
+            </Route>
+            <Route path="search" element={<SearchResults />}></Route>
+            <Route
+              path="user"
+              element={
+                <ProtectedRoute auth={auth}>
+                  <User />
+                </ProtectedRoute>
+              }
+            ></Route>
           </Route>
-          <Route path="search" element={<SearchResults />}></Route>
-        </Route>
-      </Routes>
-    </BrowserRouter>
+        </Routes>
+      </BrowserRouter>
+    </AuthApi.Provider>
   );
 }