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

login btn alignment adjusted

Browse Source
This commit is contained in:
victorAnumudu
2024-12-10 20:02:19 +01:00
parent 2aa95b5661
commit 5fbb9e2302
3 changed files with 38 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Forgetpwd2.jsx
+36 -3
View File
@@ -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>
src/component/auth/Login2.jsx
+1 -1
View File
@@ -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">
src/component/auth/Signup2.jsx
+1 -1
View File
@@ -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">