diff --git a/frontend/src/components/Pages/Login.jsx b/frontend/src/components/Pages/Login.jsx index 8c37eb48..c8b9fd59 100644 --- a/frontend/src/components/Pages/Login.jsx +++ b/frontend/src/components/Pages/Login.jsx @@ -4,6 +4,8 @@ import photo from "../../assets/login.png"; import { Link, useNavigate } from "react-router-dom"; import { message } from "antd"; import Cookies from 'js-cookie' +import { FaEye } from "react-icons/fa"; +import { FaEyeSlash } from "react-icons/fa6"; const Login = () => { const API_URL = import.meta.env.VITE_BACKEND_URL || 'http://localhost:3000'; @@ -11,6 +13,7 @@ const Login = () => { email: '', password: '', }); + const [hidden, setHidden] = useState(true) const handleChange = (e) => { setData({ ...data, [e.target.name]: e.target.value }); @@ -75,14 +78,21 @@ const Login = () => { type="email" onChange={(e) => handleChange(e)} /> - - handleChange(e)} - /> +
+ handleChange(e)} + /> + +

Dont have an account? diff --git a/frontend/src/components/Pages/Signup.jsx b/frontend/src/components/Pages/Signup.jsx index e48a099a..106a5933 100644 --- a/frontend/src/components/Pages/Signup.jsx +++ b/frontend/src/components/Pages/Signup.jsx @@ -3,6 +3,8 @@ import { useState , useEffect } from "react"; import photo from "../../assets/login.png"; import { useNavigate } from "react-router-dom"; import { Link } from "react-router-dom"; +import { FaEye } from "react-icons/fa"; +import { FaEyeSlash } from "react-icons/fa6"; const Signup = () => { const API_URL = import.meta.env.VITE_BACKEND_URL || 'http://localhost:3000'; @@ -14,6 +16,7 @@ const Signup = () => { email: '', password: '', }); + const [hidden, setHidden] = useState(true) const handleChange = (e) => { setData({ ...data, [e.target.name]: e.target.value }); @@ -107,13 +110,21 @@ const Signup = () => { onChange={(e) => handleChange(e)} /> - handleChange(e)} - /> +
+ handleChange(e)} + /> + +
{error && (
{error}