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

auth page added

Browse Source
This commit was merged in pull request #5.
This commit is contained in:
victorAnumudu
2024-12-05 19:36:25 +01:00
parent 0a149342e7
commit 5efe24d858
9 changed files with 216 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Login2.jsx
+10 -6
View File
@@ -1,12 +1,16 @@
import React, { useEffect, useState } from 'react'
import LoginImg from '../../assets/bg/login.svg'
import MainLoader from '../loaders/MainLoader'
import BSMainLoader from '../loaders/BSMainLoader'
import { Link, useNavigate } from 'react-router-dom'
import siteLinks from '../../links/siteLinks'
export default function Login() {
const [loading, setLoading] = useState(true)
const navigate = useNavigate()
useEffect(()=>{
const timer = setTimeout(()=>{
setLoading(false)
@@ -19,7 +23,7 @@ export default function Login() {
<div className="bg-white">
{loading ?
<MainLoader />
<BSMainLoader />
:
<div className="app">
<div className="app-wrap">
@@ -54,21 +58,21 @@ export default function Login() {
Remember Me
</label>
</div>
<a href="#" className="ml-auto">Forgot Password ?</a>
<Link to={siteLinks.forgetpwd} className="ml-auto">Forgot Password ?</Link>
</div>
</div>
<div className="col-12 mt-3">
<a href="index.html" className="btn btn-primary text-uppercase">Sign In</a>
<button onClick={()=>{navigate(siteLinks.dash)}} className="btn btn-primary text-uppercase">Sign In</button>
</div>
<div className="col-12 mt-3">
<p>Don't have an account ?<a href="auth-register.html"> Sign Up</a></p>
<p>Don't have an account ?<Link to={siteLinks.signup}> Sign Up</Link></p>
</div>
</div>
</form>
</div>
</div>
</div>
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2" style={{background: 'linear-gradient(to right, #8e54e9 0, #4776e6 100%)'}}>
<div className="col-sm-6 col-xxl-9 col-lg-7 bg-gradient o-hidden order-1 order-sm-2">
<div className="row align-items-center h-100">
<div className="col-7 mx-auto ">
<img className="img-fluid" src={LoginImg} alt="" />