fixed dashboard2 model update if user exits page

.gitignore

@@ -4,7 +4,9 @@ frontend/.env
 backend/NodeJS/node_modules
 backend/__pycache__
 backend/app/__pycache__
-backend/controllers/__pycache__
+backend/app/controllers/__pycache__
+backend/__pycache__
+backend/app/__pycache__
 
 # Frontend
 # Logs

frontend/src/Components/UserNavbar/UserNavbar.jsx

@@ -1,6 +1,6 @@
 import { Link } from "react-router-dom";
 import { useNavigate } from "react-router-dom";
-import axios from "axios";  // You will need to install axios for making API requests
+import axios from "axios";
 import "./UserNavbar.css";
 
 function UserNavbar() {

frontend/src/pages/ChangePassword/ChangePassword.jsx

@@ -1,7 +1,6 @@
 import { useForm } from "react-hook-form";
 import { ErrorMessage } from '@hookform/error-message';
 import swal from 'sweetalert2';
-import { useState } from 'react';
 
 const ChangePassword = () => {
     const VITE_BACKEND_URL = import.meta.env.VITE_BACKEND_URL;

frontend/src/pages/ModelTester/Dashboard2/Dashboard2.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect } from "react";
 import ChartComponent2 from "../ChartComponenet2/ChartComponent2.jsx";
 import ControlButton2 from "../ControlButtons2/ControlButtons2.jsx";
 import "./Dashboard2.css";

frontend/src/pages/UserLogin/UserLogin.jsx

@@ -1,14 +1,39 @@
-import { useState } from "react";
+import React, { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { ErrorMessage } from "@hookform/error-message";
 import swal from "sweetalert2";
 import { useNavigate } from "react-router-dom";
 import "./UserLogin.css";
+import axios from "axios";
 
 const UserLogin = () => {
   const navigate = useNavigate();
   const VITE_BACKEND_URL = import.meta.env.VITE_BACKEND_URL;
 
+  useEffect(() => {
+    const uploadedFiles = localStorage.getItem("uploadedFiles");
+
+    if (uploadedFiles && uploadedFiles.length > 0) {
+      handleLogout();
+    }
+
+    localStorage.removeItem("uploadedFiles");
+  }, []);
+
+  const handleLogout = async () => {
+    try {
+      const response = await axios.post(`${VITE_BACKEND_URL}/logout`);
+
+      if (response.data.error === false) {
+        navigate("/");
+      } else {
+        console.error("Logout failed:", response.data.message);
+      }
+    } catch (error) {
+      console.error("Error during logout:", error);
+    }
+  };
+
   const {
     register,
     handleSubmit,
@@ -27,78 +52,78 @@ const UserLogin = () => {
       },
       body: JSON.stringify(data),
     })
-        .then((res) => res.json())
-        .then((res) => {
-          console.log(res.data);
-          if (res.error === true) {
-            swal.fire({
-              icon: "error",
+      .then((res) => res.json())
+      .then((res) => {
+        console.log(res.data);
+        if (res.error === true) {
+          swal.fire({
+            icon: "error",
+            title: res.message,
+          });
+        } else {
+          document.getElementById("form").reset();
+          swal
+            .fire({
+              icon: "success",
               title: res.message,
+              timer: 1500,
+            })
+            .then(() => {
+              console.log("Login successful");
+              navigate("/dashboard");
             });
-          } else {
-            document.getElementById("form").reset();
-            swal
-                .fire({
-                  icon: "success",
-                  title: res.message,
-                  timer: 1500,
-                })
-                .then(() => {
-                  console.log("Login successful");
-                  navigate("/dashboard");
-                });
-          }
-        })
-        .catch((e) => {
-          console.log(e);
-        });
+        }
+      })
+      .catch((e) => {
+        console.log(e);
+      });
   };
 
   return (
-      <>
-        <div className="container">
-          <h1>User Login</h1>
-        </div>
+    <>
+      <div className="container">
+        <h1>User Login</h1>
+      </div>
 
-        <hr />
-        <div className="alert alert-primary">
-          <form onSubmit={handleSubmit(handleForm)} id={"form"}>
-            <div className="mb-3">
-              <label htmlFor="email">Email</label>
-              <input
-                  {...register("email", { required: "This field is required" })}
-                  type="email"
-                  className={"form-control"}
-              />
-              <ErrorMessage
-                  errors={errors}
-                  name="email"
-                  render={({ message }) => (
-                      <p className={"text-danger"}>{message}</p>
-                  )}
-              />
-            </div>
+      <hr />
+      <div className="alert alert-primary">
+        <form onSubmit={handleSubmit(handleForm)} id={"form"}>
+          <div className="mb-3">
+            <label htmlFor="email">Email</label>
+            <input
+              {...register("email", { required: "This field is required" })}
+              type="email"
+              className={"form-control"}
+            />
+            <ErrorMessage
+              errors={errors}
+              name="email"
+              render={({ message }) => (
+                <p className={"text-danger"}>{message}</p>
+              )}
+            />
+          </div>
 
-            <div className="mb-3">
-              <label htmlFor="password">Password</label>
-              <input
-                  {...register("password", { required: "This field is required" })}
-                  type="password"
-                  className={"form-control"}
-              />
-              <ErrorMessage
-                  errors={errors}
-                  name="password"
-                  render={({ message }) => (
-                      <p className={"text-danger"}>{message}</p>
-                  )}
-              />
-            </div>
+          <div className="mb-3">
+            <label htmlFor="password">Password</label>
+            <input
+              {...register("password", { required: "This field is required" })}
+              type="password"
+              className={"form-control"}
+            />
+            <ErrorMessage
+              errors={errors}
+              name="password"
+              render={({ message }) => (
+                <p className={"text-danger"}>{message}</p>
+              )}
+            />
+          </div>
 
-            <button className={"btn btn-primary"}>Login</button>
-          </form>
-        </div>
-      </>
+          <button className={"btn btn-primary"}>Login</button>
+        </form>
+      </div>
+    </>
   );
 };
 

frontend/src/pages/UserSignup/UserSignup.jsx

@@ -1,15 +1,41 @@
+import React, { useEffect } from "react";
 import { useForm } from "react-hook-form";
 import { ErrorMessage } from "@hookform/error-message";
 import swal from "sweetalert2";
 import { useNavigate } from "react-router-dom";
 import "bootstrap/dist/css/bootstrap.min.css";
 import "./UserSignup.css";
+import axios from "axios";
 
 const UserSignup = () => {
   const VITE_BACKEND_URL = import.meta.env.VITE_BACKEND_URL;
 
   const navigate = useNavigate();
 
+  useEffect(() => {
+    const uploadedFiles = localStorage.getItem("uploadedFiles");
+
+    if (uploadedFiles && uploadedFiles.length > 0) {
+      handleLogout();
+    }
+
+    localStorage.removeItem("uploadedFiles");
+  }, []);
+
+  const handleLogout = async () => {
+    try {
+      const response = await axios.post(`${VITE_BACKEND_URL}/logout`);
+
+      if (response.data.error === false) {
+        navigate("/");
+      } else {
+        console.error("Logout failed:", response.data.message);
+      }
+    } catch (error) {
+      console.error("Error during logout:", error);
+    }
+  };
+
   const {
     register,
     handleSubmit,