MetaMask / MetaMask/metamask-mobile
Add support for ENS name avatars
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
**Describe the usability problem**
ENS allows a user to add an avatar to their ENS name, via the avatar text record. (see example [here](https://app.ens.domains/name/brantly.art)). MetaMask already uses reverse resolution to show my ENS name on my homepage in the app, as well as in the Send From field, which is great. But right now it shows the blocky image generated from that address. Would be great to show the image in the name's avatar text record (if it exists), and only fall back on the blocky image if there is no image in the name's avatar text record.
You could also show a name's avatar in the Recipient field as well after I type it in.
**Screenshots**
_If applicable, add screenshots or links to help explain the issue_
**Expected behavior**
Any where that an ENS name is displayed, whether from reverse resolution or a users typing it, check to see if the name has an image in the avatar text record. If so, display it. If not, fall back on the blocky image.
------------------------------------------------------------------------------------------------------
_filled out after submission_
**User impact | Usage frequency | Feasibility scores**
Makes the app and a person's wallet and ENS experience much more user-friendly and visually friendly.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue identifies ENS reverse resolution, the avatar text record, the Send From field, and the Recipient field; start by tracing those name-display flows in the mobile app. Done means ENS avatars appear wherever ENS names are shown, with the blocky image used only when no avatar text record image exists.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- blockchain, mobile
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100