Function Login

client/src/component/Login.jsx:18–275

({ mode, loggedin, setloggedin })

const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || "https://bitbox-uxbo.onrender.com";

const Login = ({ mode, loggedin, setloggedin }) => {

  const [credentials, setCredentials] = useState({ email: "", password: "" });
  const [loading, setLoading] = useState(false);
  const navigate = useNavigate();
  const { userLoggedIn } = useAuth();

  // Conditional navigation if user is already logged in
  useEffect(() => {
    if (userLoggedIn) {
      navigate('/');
    }
  }, [userLoggedIn, navigate]);

  // Handle form submission for login
  const handleSubmit = async (e) => {
    e.preventDefault();

    // Check for empty fields
    if (!credentials.email || !credentials.password) {
      toast.error("Please enter both email and password.");
      return;
    }

    setLoading(true);
    try {
      const response = await fetch(`${VITE_SERVER_PORT}/api/auth/login`, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify(credentials),
      });

      if (!response.ok) {
        // Check for network or server errors
        if (response.status === 500) {
          toast.error("Server error. Please try again later.");
        } else {
          toast.error("Login failed! Please check your credentials.");
        }
        throw new Error("Response not ok");
      }

      const json = await response.json();
      console.log(json);

      if (json.success) {
        localStorage.setItem("token", json.authtoken);
        toast.success("Login Successfully!");
        setloggedin(!loggedin)
        navigate("/");
      } else {
        toast.error(json.message || "Login failed! Invalid credentials.");
      }
    } catch (error) {
      if (error.message === "NetworkError") {
        toast.error("Network error. Please check your connection.");