MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

turnstile

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2026-05-16 03:59:39 -04:00
parent ffd00155e0
commit 49c6c6afe9
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Signup2.jsx
+11 -1
View File
@@ -1,5 +1,6 @@
import React, {useState} from 'react' import React, {useState} from 'react'
import {Form, Formik} from "formik"; import {Form, Formik} from "formik";
import { Turnstile } from '@marsidev/react-turnstile'
import * as Yup from "yup"; import * as Yup from "yup";
// import LoginImg from '../../assets/bg/login.svg' // import LoginImg from '../../assets/bg/login.svg'
@@ -33,6 +34,7 @@ const initialValues = {
firstname: '', firstname: '',
lastname: '', lastname: '',
isChecked: false, isChecked: false,
turnstileToken: '',
// username: '', // username: '',
// password: '' // password: ''
}; };
@@ -157,9 +159,17 @@ export default function Signup2() {
</div> </div>
</> </>
} }
<div className="col-12 mt-3">
<Turnstile
siteKey={process.env.REACT_APP_TURNSTILE_SITE_KEY}
onSuccess={(token) => props.setFieldValue('turnstileToken', token)}
onExpire={() => props.setFieldValue('turnstileToken', null)}
onError={() => props.setFieldValue('turnstileToken', null)}
/>
</div>
<div className="col-12 mt-3 text-end"> <div className="col-12 mt-3 text-end">
<button type='submit' <button type='submit'
disabled={!props.values.turnstileToken || mutation.isPending}
className="btn btn-primary text-uppercase">{mutation.isPending ? 'loading...' : 'Sign up'}</button> className="btn btn-primary text-uppercase">{mutation.isPending ? 'loading...' : 'Sign up'}</button>
</div> </div>
</> </>