From c19fec3f48d57a4ace0c433c16a42f3e86e8844f Mon Sep 17 00:00:00 2001 From: Samuel Newman Date: Wed, 19 Aug 2026 17:37:01 +0300 Subject: [PATCH] Invert password reveal eye icon (#11365) Co-authored-by: Claude --- src/screens/Login/LoginForm.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/screens/Login/LoginForm.tsx b/src/screens/Login/LoginForm.tsx index 4f34d3afaf..75ad257f13 100644 --- a/src/screens/Login/LoginForm.tsx +++ b/src/screens/Login/LoginForm.tsx @@ -602,7 +602,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