function MainComponent() { const [formData, setFormData] = React.useState({ fullName: "", email: "", password: "", confirmPassword: "", }); const [error, setError] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value, }); setError(""); }; const handleSubmit = async (e) => { e.preventDefault(); setLoading(true); setError(""); if (formData.password !== formData.confirmPassword) { setError("Passwords do not match"); setLoading(false); return; } try { const emailCheckResponse = await fetch( `/integrations/email-check-2/v1/email/verify?email=${encodeURIComponent(formData.email)}`, ); const emailData = await emailCheckResponse.json(); if (emailData.status !== "deliverable") { setError("Please enter a valid email address"); setLoading(false); return; } const checkExistingUser = await fetch("/api/db/borrower-database-82", { method: "POST", body: JSON.stringify({ query: "SELECT email FROM `users` WHERE `email` = ?", values: [formData.email], }), }); const existingUser = await checkExistingUser.json(); if (existingUser.length > 0) { setError("Account already exists. Please sign in."); setLoading(false); return; } await fetch("/api/db/borrower-database-82", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `users` (full_name, email, password) VALUES (?, ?, ?)", values: [formData.fullName, formData.email, formData.password], }), }); setFormData({ fullName: "", email: "", password: "", confirmPassword: "", }); } catch (err) { setError("Something went wrong. Please try again."); } setLoading(false); }; return (

BookShare

Share your favorite books with others

{error && (

{error}

)}

Already have an account? Sign In

); }