From 5fbb9e230227146fbd8ab572dc4d5283048bbd2e Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 10 Dec 2024 20:02:19 +0100
Subject: [PATCH] login btn alignment adjusted

---
 src/component/auth/Forgetpwd2.jsx | 39 ++++++++++++++++++++++++++++---
 src/component/auth/Login2.jsx     |  2 +-
 src/component/auth/Signup2.jsx    |  2 +-
 3 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/src/component/auth/Forgetpwd2.jsx b/src/component/auth/Forgetpwd2.jsx
index 9cd86de..7c7d5b6 100644
--- a/src/component/auth/Forgetpwd2.jsx
+++ b/src/component/auth/Forgetpwd2.jsx
@@ -3,11 +3,37 @@ import LoginImg from '../../assets/bg/login.svg'
 
 import { Link, useNavigate } from 'react-router-dom'
 import siteLinks from '../../links/siteLinks'
+import { useMutation } from '@tanstack/react-query'
 
 export default function Forgetpwd2() {
 
   const navigate = useNavigate()
 
+  const [email, setEmail] = useState('')
+
+  const handleChange = ({target:{value}}) => {
+    setEmail(value)
+  }
+
+  const forgetPwd = useMutation({
+    mutationFn: (email) => {
+        // if(!email.username || !email.password){
+        //     throw new Error('Please provide all email marked *')
+        // }
+        // return loginUser('panel/auth/login', {email})
+        throw new Error('Unable to complete, try again later!')
+    },
+    onError: (error) => {
+        console.log(error)
+    },
+      onSuccess: (res) => {
+        // const {token} = res?.data?.data
+        // if(token){
+        //     navigate('/dash') // later add redux to dispatch state
+        // }
+    }
+  })
+
   return (
     <div className="app">
         <div className="app-wrap">
@@ -25,11 +51,18 @@ export default function Forgetpwd2() {
                                                 <div className="col-12">
                                                     <div className="form-group">
                                                         <label className="control-label">Email*</label>
-                                                        <input type="text" className="form-control" placeholder="Email" />
+                                                        <input name='email' type="text" onChange={handleChange} value={email} className="form-control" placeholder="Email" />
                                                     </div>
                                                 </div>
-                                                <div className="col-12 mt-3">
-                                                    <button type='button' onClick={()=>{navigate(siteLinks.dash)}} className="btn btn-primary text-uppercase">Send</button>
+                                                {forgetPwd.error &&
+                                                <>
+                                                 <div className="col-12  mt-3">
+                                                    <p className='text-danger'>{forgetPwd.error.message}</p>
+                                                </div>
+                                                </>
+                                                }
+                                                <div className="col-12 mt-3 text-end">
+                                                    <button type='button' onClick={()=>{forgetPwd.mutate(email)}} className="btn btn-primary text-uppercase">Send</button>
                                                 </div>
                                                 <div className="col-12  mt-3">
                                                     <p>Go <Link to={siteLinks.home}> Back</Link></p>
diff --git a/src/component/auth/Login2.jsx b/src/component/auth/Login2.jsx
index 90af139..c3d090e 100644
--- a/src/component/auth/Login2.jsx
+++ b/src/component/auth/Login2.jsx
@@ -89,7 +89,7 @@ export default function Login() {
                                                 </div>
                                                 </>
                                                 }
-                                                <div className="col-12 mt-3">
+                                                <div className="col-12 mt-3 text-end">
                                                     <button type='button' onClick={()=>{login.mutate(fields)}} className="btn btn-primary text-uppercase">{login.isPending ? 'loading...' : 'Sign In'}</button>
                                                 </div>
                                                 <div className="col-12  mt-3">
diff --git a/src/component/auth/Signup2.jsx b/src/component/auth/Signup2.jsx
index 0e271dd..e707328 100644
--- a/src/component/auth/Signup2.jsx
+++ b/src/component/auth/Signup2.jsx
@@ -60,7 +60,7 @@ export default function Signup2() {
                                                     </label>
                                                 </div>
                                             </div>
-                                            <div class="col-12 mt-3">
+                                            <div class="col-12 mt-3 text-end">
                                                 <button type='button' onClick={()=>navigate(siteLinks.dash)} class="btn btn-primary text-uppercase">Sign up</button>
                                             </div>
                                             <div class="col-12  mt-3">