-
Notifications
You must be signed in to change notification settings - Fork 5.4k
fix: Update recipient placeholder text in send flow #38236
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
Conversation
✨ Files requiring CODEOWNER review ✨✅ @MetaMask/confirmations (1 files, +1 -1)
🧪 @MetaMask/qa (1 files, +1 -1)
|
| "recipientPlaceholder": { | ||
| "message": "Enter or paste a valid address" | ||
| "recipientPlaceholderText": { | ||
| "message": "Enter or paste an address or name" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bug: Missing translation key in non-English locale files
The translation key was renamed from recipientPlaceholder to recipientPlaceholderText in English locale files and the component code, but all other locale files (German, Spanish, French, Greek, Irish, etc.) still use the old key name. This causes the placeholder text to break for non-English users since the translation system cannot find recipientPlaceholderText in their locale files.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bug: Missing translation key in non-English locales
The translation key recipientPlaceholderText was added only to English locales but not to non-English locales (de, el, es, fr, ga, hi, id, ja, ko, pt, ru, tl, tr, vi, zh_CN). The code in recipient-input.tsx now references t('recipientPlaceholderText'), but this key doesn't exist in most locale files. Users with non-English language settings will see broken placeholder text or fallback behavior instead of properly translated text.
app/_locales/de/messages.json#L4989-L4999
metamask-extension/app/_locales/de/messages.json
Lines 4989 to 4999 in 993e27c
| "description": "Page title when viewing addresses for receiving funds" | |
| }, | |
| "recipient": { | |
| "message": "Empfänger" | |
| }, | |
| "recipientAddressPlaceholderNew": { | |
| "message": "Öffentliche Adresse (0x) oder Domainname eingeben" | |
| }, | |
| "recipientEditAriaLabel": { | |
| "message": "Empfänger bearbeiten" | |
| }, |
app/_locales/es/messages.json#L4989-L4999
metamask-extension/app/_locales/es/messages.json
Lines 4989 to 4999 in 993e27c
| "description": "Page title when viewing addresses for receiving funds" | |
| }, | |
| "recipient": { | |
| "message": "Destinatario" | |
| }, | |
| "recipientAddressPlaceholderNew": { | |
| "message": "Ingrese la dirección pública (0x) o el nombre de dominio" | |
| }, | |
| "recipientEditAriaLabel": { | |
| "message": "Editar destinatario" | |
| }, |
app/_locales/fr/messages.json#L4989-L4999
metamask-extension/app/_locales/fr/messages.json
Lines 4989 to 4999 in 993e27c
| "description": "Page title when viewing addresses for receiving funds" | |
| }, | |
| "recipient": { | |
| "message": "Destinataire" | |
| }, | |
| "recipientAddressPlaceholderNew": { | |
| "message": "Saisissez l’adresse publique (0x) ou le nom de domaine" | |
| }, | |
| "recipientEditAriaLabel": { | |
| "message": "Modifier le destinataire" | |
| }, |
Builds ready [993e27c]
UI Startup Metrics (1237 ± 97 ms)
📊 Page Load Benchmark ResultsCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs [🚨 Warning! Bundle size has increased!]
|
Builds ready [db9bea1]
UI Startup Metrics (1263 ± 130 ms)
📊 Page Load Benchmark ResultsCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs [🚨 Warning! Bundle size has increased!]
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bug: Missing translation key in non-English locales
The translation key recipientPlaceholder was removed from all non-English locales (de, el, es, fr, ga, hi, id, ja, ko, pt, ru, tl, tr, vi, zh_CN) but the new key recipientPlaceholderText wasn't added to these files. The code now references recipientPlaceholderText, which only exists in English locales, causing the placeholder text to be missing or display incorrectly for users in non-English languages.
app/_locales/de/messages.json#L4996-L4997
metamask-extension/app/_locales/de/messages.json
Lines 4996 to 4997 in 10c0ddb
| }, | |
| "recoveryPhraseReminderBackupStart": { |
app/_locales/es/messages.json#L4996-L4997
metamask-extension/app/_locales/es/messages.json
Lines 4996 to 4997 in 10c0ddb
| }, | |
| "recoveryPhraseReminderBackupStart": { |
app/_locales/fr/messages.json#L4996-L4997
metamask-extension/app/_locales/fr/messages.json
Lines 4996 to 4997 in 10c0ddb
| }, | |
| "recoveryPhraseReminderBackupStart": { |
Builds ready [10c0ddb]
UI Startup Metrics (1333 ± 131 ms)
📊 Page Load Benchmark ResultsCurrent Commit: 📄 Localhost MetaMask Test DappSamples: 100 Summary
📈 Detailed Results
Bundle size diffs [🚨 Warning! Bundle size has increased!]
|
seaona
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
QA change LGTM
Description
This PR aims to update placeholder text in send flow recipient component.
Changelog
CHANGELOG entry: Update recipient placeholder text in send
Related issues
Fixes: https://github.com/MetaMask/MetaMask-planning/issues/6257
Manual testing steps
Screenshots/Recordings
Before
After
Pre-merge author checklist
Pre-merge reviewer checklist
Note
Updates recipient input placeholder to support addresses or names, with i18n key changes and e2e selector update.
recipient-input.tsx: Switches placeholder tot('recipientPlaceholderText')("Enter or paste an address or name").recipientPlaceholderacross locales.recipientPlaceholderTextinapp/_locales/en/messages.jsonanden_GBwith updated copy.send-page.ts: Update input selector to new placeholder text.Written by Cursor Bugbot for commit 10c0ddb. This will update automatically on new commits. Configure here.