diff --git a/components/forms/signupForm.tsx b/components/forms/signupForm.tsx index 65f4ffd9b..ef72d2589 100644 --- a/components/forms/signupForm.tsx +++ b/components/forms/signupForm.tsx @@ -16,11 +16,11 @@ export default function SignupForm({ recaptchaPublicKey }: SignupFormProps) { const [email, setEmail] = useState(''); const { mutateUser, setShouldAttemptAuth } = useContext(AppContext); const [password, setPassword] = useState(''); - const [password2, setPassword2] = useState(''); const router = useRouter(); const [username, setUsername] = useState(''); const [recaptchaToken, setRecaptchaToken] = useState(''); const recaptchaRef = useRef(null); + const [showRecaptcha, setShowRecaptcha] = useState(false); function onRecaptchaChange(value: string | null) { if (value) { @@ -31,13 +31,6 @@ export default function SignupForm({ recaptchaPublicKey }: SignupFormProps) { function onSubmit(event: React.FormEvent) { event.preventDefault(); - if (password !== password2) { - toast.dismiss(); - toast.error('Passwords do not match'); - - return; - } - if (password.length < 8 || password.length > 50) { toast.dismiss(); toast.error('Password must be between 8 and 50 characters'); @@ -59,6 +52,12 @@ export default function SignupForm({ recaptchaPublicKey }: SignupFormProps) { return; } + if (!showRecaptcha && recaptchaPublicKey) { + setShowRecaptcha(true); + + return; + } + toast.dismiss(); toast.loading('Registering...'); @@ -137,22 +136,16 @@ export default function SignupForm({ recaptchaPublicKey }: SignupFormProps) { setPassword(e.target.value)} className='shadow appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline' id='password' type='password' placeholder='******************' /> -
- - setPassword2(e.target.value)} className='shadow appearance-none border rounded w-full py-2 px-3 leading-tight focus:outline-none focus:shadow-outline' id='password2' type='password' placeholder='******************' /> -
-
- {recaptchaPublicKey && ( + {recaptchaPublicKey && showRecaptcha && ( +
- )} -
+
+ )}