import { useState } from 'react'; import { post } from '@/api1/apiUtils'; import toast from 'react-hot-toast'; import LayoutWrapper from '@/components/Layout/LayOutWrapper'; import Head from 'next/head'; function App() { const [formData, setFormData] = useState({ name: '', email: '', password: '', cnfPassword: '' }); const [formErrors, setFormErrors] = useState({ name: '', email: '', password: '', cnfPassword: '' }); const handleChange = (e: any) => { const { name, value } = e.target; setFormData(prevState => ({ ...prevState, [name]: value })); }; const validateForm = () => { let valid = true; const errors = { name: '', email: '', password: '', cnfPassword: '' }; // Name validation if (formData.name.trim() === '') { errors.name = 'Name is required'; valid = false; } // Email validation if (!formData.email.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i)) { errors.email = 'Invalid email address'; valid = false; } // Password validation if (formData.password.length < 8) { errors.password = 'Password must be at least 8 characters long'; valid = false; } // Confirm Password validation if (formData.password !== formData.cnfPassword) { errors.cnfPassword = 'Passwords do not match'; valid = false; } setFormErrors(errors); return valid; }; const handleSubmit = async (e: any) => { e.preventDefault(); if (validateForm()) { try { const res = await post('/register', { name: formData.name, email: formData.email, password: formData.password, }); if (res?.user?.id) { toast.success(res?.message); } // Reset form setFormData({ name: '', email: '', password: '', cnfPassword: '' }); } catch (err: any) { console.log(err); toast.error(err?.response?.data?.message); } } else { console.error('Form has errors. Cannot submit.'); } }; return ( <> Register - ayodhyas {/* Open Graph (OG) Meta Tags for Social Sharing */}
{/*
*/}

Register Here

{/* Name Input */}
{formErrors.name &&
{formErrors.name}
}
{/* Email Input */}
{formErrors.email &&
{formErrors.email}
}
{/* Password Input */}
{formErrors.password &&
{formErrors.password}
}
{/* Confirm Password Input */}
{formErrors.cnfPassword &&
{formErrors.cnfPassword}
}
{/* Social Sign Up Buttons */}

Already have an account? Login

{/*
*/}
); } export default App;