pramod_Bug#65EyeIconShowHide #41

Merged
vikas.nale merged 5 commits from pramod_Bug#65EyeIconShowHide into Issues_April_4W 2025-04-20 14:09:06 +00:00
2 changed files with 41 additions and 24 deletions
Showing only changes of commit dc21e578de - Show all commits

View File

@ -88,7 +88,6 @@ const LoginPage = () => {
<label className="form-label" htmlFor="password"> <label className="form-label" htmlFor="password">
Password Password
</label> </label>
</div> </div>
<div className="input-group input-group-merge"> <div className="input-group input-group-merge">
<input <input
@ -101,16 +100,22 @@ const LoginPage = () => {
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
aria-describedby="password" aria-describedby="password"
/> />
<span <button
className="input-group-text cursor-pointer" type="button"
className="btn border-top border-end border-bottom"
onClick={() => setHidepass(!hidepass)} onClick={() => setHidepass(!hidepass)}
style={{
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0,
borderLeft: 0,
}}
> >
{hidepass ? ( {hidepass ? (
<i className="bx bx-hide"></i> <i className="bx bx-hide" />
) : ( ) : (
<i className="bx bx-show"></i> <i className="bx bx-show" />
)} )}
</span> </button>
</div> </div>
{errors.password && ( {errors.password && (
<div <div
@ -130,16 +135,14 @@ const LoginPage = () => {
name="rememberMe" name="rememberMe"
{...register("rememberMe")} {...register("rememberMe")}
/> />
<label className="form-check-label ms-2" > <label className="form-check-label ms-2">Remember Me</label>
Remember Me
</label>
</div> </div>
<Link <Link
aria-label="Go to Forgot Password Page" aria-label="Go to Forgot Password Page"
to="/auth/forgot-password" to="/auth/forgot-password"
> >
<span>Forgot Password?</span> <span>Forgot Password?</span>
</Link> </Link>
</div> </div>
<div className="mb-3"> <div className="mb-3">
<button <button

View File

@ -118,16 +118,23 @@ const ResetPasswordPage = () => {
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
aria-describedby="password" aria-describedby="password"
/> />
<span <button
className="input-group-text lcursor-pointer" type="button"
className="btn btn-outline-secondy border-top border-end border-bottom "
onClick={() => setHidepass(!hidepass)} onClick={() => setHidepass(!hidepass)}
style={{
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0,
borderLeft: 0,
}}
> >
{hidepass ? ( {hidepass ? (
<i className="bx bx-hide"></i> <i className="bx bx-hide" />
) : ( ) : (
<i className="bx bx-show"></i> <i className="bx bx-show" />
)} )}
</span> </button>
</div> </div>
{errors.password && ( {errors.password && (
<div <div
@ -154,16 +161,23 @@ const ResetPasswordPage = () => {
placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;" placeholder="&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;&#xb7;"
aria-describedby="password" aria-describedby="password"
/> />
<span <button
className="input-group-text cursor-pointer" type="button"
className="btn border-top border-end border-bottom "
onClick={() => setHidepass1(!hidepass1)} onClick={() => setHidepass1(!hidepass1)}
style={{
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0,
borderLeft: 0,
}}
> >
{hidepass1 ? ( {hidepass1 ? (
<i className="bx bx-hide"></i> <i className="bx bx-hide" />
) : ( ) : (
<i className="bx bx-show"></i> <i className="bx bx-show" />
)} )}
</span> </button>
</div> </div>
{errors.confirmPassword && ( {errors.confirmPassword && (
<div <div