Function ForgotPassword

client/src/component/ForgotPassword.jsx:9–130

({ showAlert, mode })

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

const ForgotPassword = ({ showAlert, mode }) => {
  const [forgotEmail, setForgotEmail] = useState("");
  const [loading, setLoading] = useState(false);
  const navigate = useNavigate();
  const handleForgotPassword = async () => {
    setLoading(true);
    try {
      const response = await fetch(`${VITE_SERVER_PORT}/api/auth/ResetByEmail`, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ email: forgotEmail }),
      });
  
      const data = await response.json();
  
      if (response.ok) {
        toast.success(data.message || "Reset email sent successfully!");
        setForgotEmail("");
        navigate("/login");
      } else {
        showAlert(data.error || "Failed to send reset email", "danger");
      }
    } catch (error) {
      console.error("Error during password reset:", error);
      showAlert("An error occurred. Please try again later.", "danger");
    } finally {
      setLoading(false);
    }
  };
  

  return (
    <div className="flex justify-center h-[85vh] items-center mt-[7rem]">
      <div
        className='wrapper'
        style={{
          backgroundColor: mode === "dark" ? "black" : "white",
          color: mode === "dark" ? "white" : "black",
        }}
      >
        <div className='form'>
          <h1 className='title'>Reset Password</h1>
          <span className='title-line'></span>
          <div className='inp'>
            <Input
              type='email'
              placeholder='Enter your email'
              value={forgotEmail}
              onChange={(e) => setForgotEmail(e.target.value)}
              required
              style={{
                backgroundColor: mode === "dark" ? "black" : "white",
                color: mode === "dark" ? "white" : "black",
              }}
              autoComplete="on"
            />