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

terms and policy check implemented

Browse Source
This commit is contained in:
victorAnumudu
2024-12-17 18:23:01 +01:00
parent 947e068c6c
commit 5a6fd30d39
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Signup2.jsx
+7 -4
View File
@@ -19,8 +19,9 @@ const validationSchema = Yup.object().shape({
.min(3, "Minimum 3 characters") .min(3, "Minimum 3 characters")
.max(50, "Maximum 50 characters") .max(50, "Maximum 50 characters")
.required("Email is required"), .required("Email is required"),
firstname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"), firstname: Yup.string().required("Firstname is required"),
lastname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"), lastname: Yup.string().required("Lastname is required"),
isChecked: Yup.bool().oneOf([true], "Please accept the terms & policy"), // use bool instead of boolean
// username: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"), // username: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
// password: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"), // password: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
}) })
@@ -29,6 +30,7 @@ const validationSchema = Yup.object().shape({
email: '', email: '',
firstname: '', firstname: '',
lastname: '', lastname: '',
isChecked: false,
// username: '', // username: '',
// password: '' // password: ''
}; };
@@ -110,11 +112,12 @@ export default function Signup2() {
</div> */} </div> */}
<div className="col-12"> <div className="col-12">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="checkbox" id="gridCheck" /> <input name='isChecked' className="form-check-input" type="checkbox" id="gridCheck" value={props.values.isChecked} onChange={props.handleChange} />
<label className="form-check-label" htmlFor="gridCheck"> <label className="form-check-label" htmlFor="gridCheck">
I accept terms & policy I accept terms & policy
</label> </label>
</div> </div>
<span className={`${(props.errors.isChecked && props.touched.isChecked) && 'text-danger'}`}>{props.errors.isChecked}</span>
</div> </div>
{mutation.error && {mutation.error &&
@@ -133,7 +136,7 @@ export default function Signup2() {
<div className='col-12'> <div className='col-12'>
<div className="d-flex flex-column justify-content-between align-items-center" style={{height: '200px', backgroundColor: '#F2FAF7'}}> <div className="d-flex flex-column justify-content-between align-items-center" style={{height: '200px', backgroundColor: '#F2FAF7'}}>
<h4 className='p-4 text-black'>Check your email to continue.</h4> <h4 className='p-4 text-black'>Check your email to continue.</h4>
<p className='p-2 text-primary' style={{color: '#6FCAEF'}}>Home</p> <Link to={siteLinks.login} className='p-2 text-primary' style={{color: '#6FCAEF'}}>Home</Link>
</div> </div>
</div> </div>
} }