Function Signup

client/src/component/Signup.jsx:14–327

({ mode })

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

const Signup = ({ mode }) => {
  const { userLoggedIn } = useAuth();
  const navigate = useNavigate();

  console.log(mode);
  
  const [name, setName] = useState("");
  const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");
  // eslint-disable-next-line
  const [cpassword, setCPassword] = useState("");
  // eslint-disable-next-line
  const [errors, setErrors] = useState({});
  const [isLoggedIn, setLoggedIn] = useState(false);
  const [requirements, setRequirements] = useState({
    length: false,
    uppercase: false,
    lowercase: false,
    number: false,
    specialChar: false,
  });

  const handlePasswordChange = (e) => {
    const newPassword = e.target.value;
    setPassword(newPassword);

    setRequirements({
      length: newPassword.length >= 8,
      uppercase: /[A-Z]/.test(newPassword),
      lowercase: /[a-z]/.test(newPassword),
      number: /\d/.test(newPassword),
      specialChar: /[@$!%*?&]/.test(newPassword),
    });
  };

  const handleSubmit = async (e) => {
    e.preventDefault();

    // Check if the password meets the requirements
    if (!Object.values(requirements).every(Boolean)) {
      setErrors((prevErrors) => ({
        ...prevErrors,
        password: "Password does not meet the required criteria.",
      }));
      return;
    } else {
      setErrors((prevErrors) => ({ ...prevErrors, password: null }));
    }

    // Check if password and confirm password match
    if (password !== cpassword) {
      setErrors((prevErrors) => ({
        ...prevErrors,
        cpassword: "Passwords do not match.",
      }));
      return;
    } else {
      setErrors((prevErrors) => ({ ...prevErrors, cpassword: null }));