From 5a6fd30d3920837c9bafb676abde078537db1547 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 17 Dec 2024 18:23:01 +0100
Subject: [PATCH] terms and policy check implemented

---
 src/component/auth/Signup2.jsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/component/auth/Signup2.jsx b/src/component/auth/Signup2.jsx
index 304c5ce..c505ca9 100644
--- a/src/component/auth/Signup2.jsx
+++ b/src/component/auth/Signup2.jsx
@@ -19,8 +19,9 @@ const validationSchema = Yup.object().shape({
       .min(3, "Minimum 3 characters")
       .max(50, "Maximum 50 characters")
       .required("Email is required"),
-    firstname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
-    lastname: 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().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"),
     // 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: '',
     firstname: '',
     lastname: '',
+    isChecked: false,
     // username: '',
     // password: ''
   };
@@ -110,11 +112,12 @@ export default function Signup2() {
                                                             </div> */}
                                                             <div className="col-12">
                                                                 <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">
                                                                         I accept terms & policy
                                                                     </label>
                                                                 </div>
+                                                                <span className={`${(props.errors.isChecked && props.touched.isChecked) && 'text-danger'}`}>{props.errors.isChecked}</span>
                                                             </div>
 
                                                             {mutation.error &&
@@ -133,7 +136,7 @@ export default function Signup2() {
                                                         <div className='col-12'>
                                                             <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>
-                                                                <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>
                                                     }