WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'master' of https://gitlab.chiefsoft.net/MyFit/users-myfit

Browse Source
This commit is contained in:
Olu Amey
2023-01-25 13:21:42 -05:00
parent 33caedd8aa bf2dbb7176
commit 9907480ff8
4 changed files with 36 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AuthPages/ForgotPassword/index.jsx
+9 -1
View File
@@ -1,4 +1,5 @@
import React from "react";
import { Link } from 'react-router-dom';
import titleShape from "../../../assets/images/shape/title-shape-two.svg";
import InputCom from "../../Helpers/Inputs/InputCom";
import AuthLayout from "../AuthLayout";
@@ -15,7 +16,7 @@ export default function ForgotPassword() {
<h1 className="sm:text-5xl text-4xl font-bold sm:leading-[74px] text-dark-gray dark:text-white">
Forget Password
</h1>
<div className="shape sm:w-[377px] w-[270px] -mt-1 ml-5">
<div className="shape sm:w-[377px] w-[270px] -mt-1 ml-0">
<img src={titleShape} alt="shape" />
</div>
</div>
@@ -36,6 +37,13 @@ export default function ForgotPassword() {
>
Send Code
</a>
<Link to="/"
className=" my-40 font-bold flex justify-center text-red-500 items-center"
>
Back to Home
</Link>
</div>
</div>
</div>
src/components/AuthPages/Login/index.jsx
+15 -8
View File
@@ -2,19 +2,24 @@ import React, { useState } from "react";
import { useNavigate } from "react-router-dom";
import { toast } from "react-toastify";
import googleLogo from "../../../assets/images/google-logo.svg";
import titleShape from "../../../assets/images/shape/title-shape.svg";
// import titleShape from "../../../assets/images/shape/title-shape.svg";
import titleShape from "../../../assets/images/shape/login_straight_underline.svg";
import InputCom from "../../Helpers/Inputs/InputCom";
import AuthLayout from "../AuthLayout";
export default function Login() {
const [checked, setValue] = useState(false);
const [loginLoading, setLoginLoading] = useState(false);
//login error state
const [loginError, setLoginError] = useState(false);
const rememberMe = () => {
setValue(!checked);
};
// email
const [email, setMail] = useState("example@quomodosoft.com");
const [email, setMail] = useState("support@chiefsoft.com");
const handleEmail = (e) => {
setMail(e.target.value);
};
@@ -35,7 +40,8 @@ export default function Login() {
setLoginLoading(false);
}, 2000);
} else {
toast.error("Invalid Credential");
// toast.error("Invalid Credential");
setLoginError(true)
}
}
};
@@ -51,7 +57,7 @@ export default function Login() {
<h1 className="text-5xl font-bold leading-[74px] text-dark-gray dark:text-white">
Log In
</h1>
<div className="shape -mt-5">
<div className="shape -mt-2">
<img src={titleShape} alt="shape" />
</div>
</div>
@@ -60,7 +66,7 @@ export default function Login() {
<InputCom
value={email}
inputHandler={handleEmail}
placeholder="example@quomodosoft.com"
placeholder="support@chiefsoft.com"
label="Email Address"
name="email"
type="email"
@@ -102,7 +108,7 @@ export default function Login() {
</button>
<span
onClick={rememberMe}
className="text-base text-dark-gray dark:text-white"
className="text-base text-dark-gray dark:text-white"
>
Remember Me
</span>
@@ -127,6 +133,7 @@ export default function Login() {
)}
</button>
</div>
{loginError && <p class="text-center text-red-600 pb-4">Invalid Credential</p>}
<a
href="#"
className="w-full border border-light-purple dark:border-[#5356fb29] rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F] items-center"
@@ -139,7 +146,7 @@ export default function Login() {
</div>
<div className="signup-area flex justify-center">
<p className="sm:text-lg text-sm text-thin-light-gray font-normal">
Dont’t have an aceount ?
Don't have an account ?
<a href="/signup" className="ml-2 text-dark-gray dark:text-white">
Sign up free
</a>
@@ -151,4 +158,4 @@ export default function Login() {
</AuthLayout>
</>
);
}
}