acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Invert password reveal eye icon

Browse Source 
The icon now shows the action the button performs rather than the current
state: an open eye while the password is hidden (tap to reveal) and a
crossed-out eye while it is visible (tap to hide). This matches the button
label, which already used action semantics.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NwPDpir8XPecFyXvQuvE1q
This commit is contained in:
Claude
2026-08-03 17:33:58 +00:00
parent 1cc942a869
commit 4647928fea
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Login/LoginForm.tsx
+6 -1
View File
@@ -601,7 +601,12 @@ function RevealPasswordButton({
const {t: l} = useLingui() const {t: l} = useLingui()
const context = TextField.useTextFieldContext() const context = TextField.useTextFieldContext()
const Icon = !active ? EyeSlashIcon : EyeIcon /*
* The icon shows the action the button performs, not the current state: an
* open eye when the password is hidden (tap to reveal), a crossed-out eye
* when it is visible (tap to hide).
*/
const Icon = active ? EyeSlashIcon : EyeIcon
if (!hasPassword && !context.focused) return null if (!hasPassword && !context.focused) return null