Invert password reveal eye icon

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
+6 -1
View File
@@ -601,7 +601,12 @@ function RevealPasswordButton({
const {t: l} = useLingui()
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