search

krishnaacharyaa / wanderlust

WanderLust is a MERN travel blog website 🚀 This project is aimed to help people to contribute in open source, upskill in react and master git.
https://wanderlust-beta.vercel.app/
MIT License
221 stars 1.25k forks source link

fix-#257: Implemented show/hide password functionality #364

Closed rushil-b-patel closed 6 months ago

rushil-b-patel commented 6 months ago

Summary

Implemented the show/hide password functionality with state & react icons.

Description

  1. Added a new state for passwordvisible and setpasswordvisible function to set the value true/false.
  2. Included the state in type attribute of input field of password, which toggles the type from text to password according to the state's value.
  3. Add new svg files of eye & eye-off in the assets folder.
  4. And finally implement a button which toggles the state's value from false to true and vice-versa using SVG icons.

Images

passwordVisibility.webm (it supports the mobile responsive also so no need to change any thing :) )

Issue(s) Addressed

Closes #257

Prerequisites

vercel[bot] commented 6 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
wanderlust ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 28, 2024 4:25am
wanderlust-backend ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 28, 2024 4:25am
github-actions[bot] commented 6 months ago

Hey @rushil-b-patel! Thanks for sticking to the guidelines! High five! 🙌🏻

github-actions[bot] commented 6 months ago

Hey @rushil-b-patel! Thanks for sticking to the guidelines! High five! 🙌🏻

github-actions[bot] commented 6 months ago

Hey @rushil-b-patel! Thanks for sticking to the guidelines! High five! 🙌🏻

rushil-b-patel commented 6 months ago

good to go...! @krishnaacharyaa

rushil-b-patel commented 6 months ago

Good to go.. @krishnaacharyaa ...!