Logout Functionality (#1583)

Created Logout File in client/src/components/Authorization/Logout.js, JWT Token Issue resolved

client/src/App.js

@@ -37,6 +37,7 @@ import ResetPassword from "./components/Authorization/ResetPassword";
 import ForgotPassword from "./components/Authorization/ForgotPassword";
 import Feedback from "./components/Feedback/FeedbackPage";
 import ErrorPage from "./components/ErrorPage";
+import Logout from "./components/Authorization/Logout";
 
 const calculationPath = "/calculation/:page/:projectId?/*";
 
@@ -138,6 +139,7 @@ const App = ({
           <Route path="/updateaccount/:email?" element={<UpdateAccount />} />
           <Route path="/confirm/:token?" element={<ConfirmEmail />} />
           <Route path="/login/:email?" element={<Login />} />
+          <Route path="/logout" element={<Logout />} />
           <Route path="/forgotpassword" element={<ForgotPassword />} />
           <Route path="/resetPassword/:token" element={<ResetPassword />} />
           <Route

client/src/components/Authorization/Logout.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { useNavigate } from "react-router-dom";
+import * as accountService from "../../services/account.service";
+
+const Logout = () => {
+  const navigate = useNavigate();
+  const handleLogout = async () => {
+    await accountService.logout();
+    // Redirect to the "/login" page after the logout
+    navigate("/login");
+  };
+  // Call handleLogout when the component mounts
+  handleLogout();
+  // You can return some UI if needed (e.g., a loading spinner)
+  return <div>Logging out...</div>;
+};
+
+export default Logout;

client/src/components/Layout/NavBarLogin.js

@@ -54,7 +54,7 @@ const NavBarLogin = ({ classes, handleHamburgerMenuClick }) => {
       <Link
         className={`${classes.link} ${classes.lastItem}`}
         to={{
-          pathname: `/login/${(account && account.email) || ""}`,
+          pathname: `/logout`,
           state: { prevPath: location.pathname }
         }}
         onClick={() => {

client/src/services/account.service.js

@@ -64,6 +64,11 @@ export const login = async (email, password) => {
   }
 };
 
+export const logout = async () => {
+  const response = await axios.get(`${baseUrl}/logout`);
+  return response;
+};
+
 export const confirmRegister = async token => {
   const body = { token };
   const response = await axios.post(baseUrl + "/confirmRegister", body);

server/app/routes/account.routes.js

@@ -27,9 +27,14 @@ router.post("/resetPassword", accountController.resetPassword);
 
 router.post("/login/:email?", accountController.login, jwtSession.login);
 router.get("/logout", (req, res) => {
-  console.log("logging out");
-  req.logout();
-  res.sendStatus(200);
+  // Clear the "jwt" cookie
+  res.clearCookie("jwt", { httpOnly: true });
+  // res.redirect("/login");
+  // Additional logic, such as redirecting to the login page
+  setTimeout(() => {
+    // Respond after the delay
+    res.send("Logout successful");
+  }, 10);
 });
 
 router.put(