From f6e714ed4bcdbc53e59c6f996ebabee27b2526b7 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 17 Dec 2024 13:25:17 +0100
Subject: [PATCH] login input label font color updated

---
 src/component/auth/Forgetpwd2.jsx |   2 +-
 src/component/auth/Login2.jsx     |  24 ++++---
 src/component/auth/Signup2.jsx    | 106 ++++++++++++++++--------------
 3 files changed, 73 insertions(+), 59 deletions(-)

diff --git a/src/component/auth/Forgetpwd2.jsx b/src/component/auth/Forgetpwd2.jsx
index 0a8ff17..93c3c50 100644
--- a/src/component/auth/Forgetpwd2.jsx
+++ b/src/component/auth/Forgetpwd2.jsx
@@ -51,7 +51,7 @@ export default function Forgetpwd2() {
                                                 <div className="col-12">
                                                     <div className="form-group">
                                                         <label className="control-label">Email*</label>
-                                                        <input name='email' type="text" onChange={handleChange} value={email} className="form-control" placeholder="Email" />
+                                                        <input name='email' type="text" onChange={handleChange} value={email} className="form-control text-black" placeholder="Email" />
                                                     </div>
                                                 </div>
                                                 {forgetPwd.error &&
diff --git a/src/component/auth/Login2.jsx b/src/component/auth/Login2.jsx
index a17f67e..a9aeb49 100644
--- a/src/component/auth/Login2.jsx
+++ b/src/component/auth/Login2.jsx
@@ -20,11 +20,15 @@ export default function Login() {
 
   const [fields, setFields] = useState({
     username: '',
-    password: ''
+    password: '',
+    // remember: false
   })
 
   const handleChange = ({target:{name, value}}) => {
-    setFields(prev => ({...prev, [name]:value}))
+    // if(name == 'remember'){
+    //     return setFields(prev => ({...prev, remember:!prev.remember}))
+    // }
+      setFields(prev => ({...prev, [name]:value}))
   }
 
   const login = useMutation({
@@ -64,13 +68,13 @@ export default function Login() {
                                             <div className="row">
                                                 <div className="col-12">
                                                     <div className="form-group">
-                                                        <label className="control-label">User Name*</label>
+                                                        <label className="control-label text-black">User Name*</label>
                                                         <input name='username' value={fields.username} onChange={handleChange} type="text" className="form-control" placeholder="Username" />
                                                     </div>
                                                 </div>
                                                 <div className="col-12">
                                                     <div className="form-group">
-                                                        <label className="control-label">Password*</label>
+                                                        <label className="control-label text-black">Password*</label>
                                                         <input name='password' value={fields.password} onChange={handleChange} type="password" className="form-control" placeholder="Password" />
                                                     </div>
                                                 </div>
@@ -78,7 +82,7 @@ export default function Login() {
                                                     <div className="d-block d-sm-flex  align-items-center">
                                                         <div className="form-check">
                                                             <input className="form-check-input" type="checkbox" id="gridCheck" />
-                                                            <label className="form-check-label" htmlFor="gridCheck">
+                                                            <label className="form-check-label text-black" htmlFor="gridCheck">
                                                                 Remember Me
                                                             </label>
                                                         </div>
@@ -100,9 +104,9 @@ export default function Login() {
                                                 </div>
                                             </div>
                                         </form>
-                                        <div class="row" style={{marginTop: '20px'}}>
-                                            <div class="col-6">
-                                                <div class="app-store-icons-wrap text-center">
+                                        <div className="row" style={{marginTop: '20px'}}>
+                                            <div className="col-6">
+                                                <div className="app-store-icons-wrap text-center">
                                                     <a className="icon google"
                                                         href='#'
                                                         // href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
@@ -112,8 +116,8 @@ export default function Login() {
                                                 </div>
                                             </div>
 
-                                            <div class="col-6">
-                                                <div class="app-store-icons-wrap text-center">
+                                            <div className="col-6">
+                                                <div className="app-store-icons-wrap text-center">
                                                     <a className="icon apple"
                                                         href='#' 
                                                         // href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
diff --git a/src/component/auth/Signup2.jsx b/src/component/auth/Signup2.jsx
index cef5962..72b747e 100644
--- a/src/component/auth/Signup2.jsx
+++ b/src/component/auth/Signup2.jsx
@@ -19,16 +19,16 @@ const validationSchema = Yup.object().shape({
       .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"),
-    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"),
+    // 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"),
   })
 
   const initialValues = {
     email: '',
     firstname: '',
     lastname: '',
-    username: '',
-    password: ''
+    // username: '',
+    // password: ''
   };
 
 export default function Signup2() {
@@ -61,50 +61,60 @@ export default function Signup2() {
                                         return (
                                             <Form className='mt-2 mt-sm-5'>
                                                 <div className="row">
-                                            <div className="col-12 col-sm-6">
-                                                <div className="form-group">
-                                                    <label className={`control-label ${(props.errors.firstname && props.touched.firstname) && 'text-danger'}`}>First Name*</label>
-                                                    <input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} />
-                                                </div>
-                                            </div>
-                                            <div className="col-12 col-sm-6">
-                                                <div className="form-group">
-                                                    <label className={`control-label ${(props.errors.lastname && props.touched.lastname) && 'text-danger'}`}>Last Name*</label>
-                                                    <input type="text" name='lastname' className="form-control" placeholder="Last Name" value={props.values.lastname} onChange={props.handleChange} />
-                                                </div>
-                                            </div>
-                                            <div className="col-12">
-                                                <div className="form-group">
-                                                    <label className={`control-label ${(props.errors.email && props.touched.email) && 'text-danger'}`}>Email*</label>
-                                                    <input type="email" name='email' className="form-control" placeholder="Email" value={props.values.email} onChange={props.handleChange} />
-                                                </div>
-                                            </div>
-                                            <div className="col-12">
-                                                <div className="form-group">
-                                                    <label className={`control-label ${(props.errors.username && props.touched.username) && 'text-danger'}`}>Username*</label>
-                                                    <input type="text" name='username' className="form-control" placeholder="Username" value={props.values.username} onChange={props.handleChange} />
-                                                </div>
-                                            </div>
-                                            <div className="col-12">
-                                                <div className="form-group">
-                                                    <label className={`control-label ${(props.errors.password && props.touched.password) && 'text-danger'}`}>Password*</label>
-                                                    <input type="password" name='password' className="form-control" placeholder="Password" value={props.values.password} onChange={props.handleChange} />
-                                                </div>
-                                            </div>
-                                            <div className="col-12">
-                                                <div className="form-check">
-                                                    <input className="form-check-input" type="checkbox" id="gridCheck" />
-                                                    <label className="form-check-label" htmlFor="gridCheck">
-                                                        I accept terms & policy
-                                                    </label>
-                                                </div>
-                                            </div>
-                                            <div className="col-12 mt-3 text-end">
-                                                <button type='submit' className="btn btn-primary text-uppercase">Sign up</button>
-                                            </div>
-                                            <div className="col-12  mt-3">
-                                                <p>Already have an account ?<Link to={siteLinks.login}> Sign In</Link></p>
-                                            </div>
+                                                    <>
+                                                        <div className="col-12 col-sm-6">
+                                                            <div className="form-group">
+                                                                <label className={`text-black control-label ${(props.errors.firstname && props.touched.firstname) && 'text-danger'}`}>First Name*</label>
+                                                                <input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} />
+                                                            </div>
+                                                        </div>
+                                                        <div className="col-12 col-sm-6">
+                                                            <div className="form-group">
+                                                                <label className={`text-black control-label ${(props.errors.lastname && props.touched.lastname) && 'text-danger'}`}>Last Name*</label>
+                                                                <input type="text" name='lastname' className="form-control" placeholder="Last Name" value={props.values.lastname} onChange={props.handleChange} />
+                                                            </div>
+                                                        </div>
+                                                        <div className="col-12">
+                                                            <div className="form-group">
+                                                                <label className={`text-black control-label ${(props.errors.email && props.touched.email) && 'text-danger'}`}>Email*</label>
+                                                                <input type="email" name='email' className="form-control" placeholder="Email" value={props.values.email} onChange={props.handleChange} />
+                                                            </div>
+                                                        </div>
+                                                        {/* <div className="col-12">
+                                                            <div className="form-group">
+                                                                <label className={`text-black control-label ${(props.errors.username && props.touched.username) && 'text-danger'}`}>Username*</label>
+                                                                <input type="text" name='username' className="form-control" placeholder="Username" value={props.values.username} onChange={props.handleChange} />
+                                                            </div>
+                                                        </div>
+                                                        <div className="col-12">
+                                                            <div className="form-group">
+                                                                <label className={`control-label ${(props.errors.password && props.touched.password) && 'text-danger'}`}>Password*</label>
+                                                                <input type="password" name='password' className="form-control" placeholder="Password" value={props.values.password} onChange={props.handleChange} />
+                                                            </div>
+                                                        </div> */}
+                                                        <div className="col-12">
+                                                            <div className="form-check">
+                                                                <input className="form-check-input" type="checkbox" id="gridCheck" />
+                                                                <label className="form-check-label" htmlFor="gridCheck">
+                                                                    I accept terms & policy
+                                                                </label>
+                                                            </div>
+                                                        </div>
+                                                        <div className="col-12 mt-3 text-end">
+                                                            <button type='submit' className="btn btn-primary text-uppercase">Sign up</button>
+                                                        </div>
+                                                    </>
+                                                    
+                                                    <div className='col-12'>
+                                                        <div className="card w-100 justify-content-between align-items-center" style={{height: '200px'}}>
+                                                            <p className='p-2 text-black'>Check your email to continue.</p>
+                                                            <p className='p-2 text-primary'>Home</p>
+                                                        </div>
+                                                    </div>
+
+                                                    <div className="col-12 mt-3">
+                                                        <p>Already have an account ?<Link to={siteLinks.login}> Sign In</Link></p>
+                                                    </div>
                                                 </div>
                                             </Form>
                                         );