Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Visibility toggle for PasswordInput #377

Merged
merged 12 commits into from
Jun 25, 2021

Conversation

im-adithya
Copy link
Contributor

@im-adithya im-adithya commented Jan 26, 2021

This PR closes #376

Forms._.Inputs._.PasswordInput.-.Default.Storybook.-.Google.Chrome.2021-01-26.22-43-56.mp4

@im-adithya im-adithya changed the title [Feature] Password toggle input [Feature] PasswordInputToggle Jan 26, 2021
@im-adithya
Copy link
Contributor Author

@gabriellsh @MartinSchoeler @ggazzo Can you please check this and suggest changes if any?

@lgtm-com
Copy link
Contributor

lgtm-com bot commented Jan 26, 2021

This pull request introduces 1 alert when merging 3f7be65 into 8a1b552 - view on LGTM.com

new alerts:

  • 1 for Unused variable, import, function or class

@lgtm-com
Copy link
Contributor

lgtm-com bot commented Jan 27, 2021

This pull request introduces 1 alert when merging 121ec74 into b694b86 - view on LGTM.com

new alerts:

  • 1 for Unused variable, import, function or class

Copy link
Member

@gabriellsh gabriellsh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey, nice job! Can you make this changes to the password input field itself? I don't think we should have 2 components for passwords.

Also, you got to create the stories for the storybook (yarn storybook), and update loki afterwards (yarn update-storybook). Thanks!

@im-adithya
Copy link
Contributor Author

Hey, nice job! Can you make this changes to the password input field itself? I don't think we should have 2 components for passwords.

Also, you got to create the stories for the storybook (yarn storybook), and update loki afterwards (yarn update-storybook). Thanks!

Sure @gabriellsh 😄

@im-adithya
Copy link
Contributor Author

@gabriellsh I have made the changes. But what should I change in the stories? (Now that we made changes to PasswordInput itself... Should I add some info about the toggle property?)

@gabriellsh
Copy link
Member

Would be nice to have one story for the hidden and one for the text showing (with some default text of course). This way loki can test for the visual behavior.

@im-adithya
Copy link
Contributor Author

Done @gabriellsh! Please review it :)

@im-adithya
Copy link
Contributor Author

@tassoevan can you please review this as well? :)

@tassoevan
Copy link
Collaborator

@im-adithya Is the toggle button accessible by tab navigation?

@im-adithya
Copy link
Contributor Author

@im-adithya Is the toggle button accessible by tab navigation?

No @tassoevan

@ggazzo ggazzo force-pushed the develop branch 3 times, most recently from 00a7874 to a7f9c9a Compare May 18, 2021 04:38
@tassoevan tassoevan changed the title [Feature] PasswordInputToggle feat: Visibility toggle for PasswordInput Jun 25, 2021
@tassoevan tassoevan requested a review from a team June 25, 2021 13:52
@tassoevan tassoevan merged commit d430773 into RocketChat:develop Jun 25, 2021
ggazzo pushed a commit that referenced this pull request Jun 28, 2021
* Update fuselage.d.ts

* Update index.js

* Update spec.js

* Update index.js

* Update fuselage.d.ts

* Update index.js

* Update spec.js

* Update PasswordInput.stories.mdx

* Invert toggle state icon

* Convert PasswordInput to TypeScript

Co-authored-by: gabriellsh <[email protected]>
Co-authored-by: Tasso Evangelista <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

new/PasswordInputToggle
3 participants