MetaMask / MetaMask/metamask-mobile
[Bug]: When connecting to a website for the first time, the globe icon used as the website icon does not fill the container in the permissions updated toast
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
### Describe the bug
On first connect to a website, the favicon is not present in state, so the globe icon is used instead. But it is smaller than the container. It only takes up 25% of the available space.
Also, the globe icon is not used above the website title in the connect screen. See both screenshots below.
### Expected behavior
Globe icon fills the container.
### Screenshots/Recordings
### Steps to reproduce
1. Fresh install of MetaMask
2. Visit opensea.io
3. Connect with MetaMask
4. Observe connection screen / toast
### Error messages or log output
```shell
```
### Where was this bug found?
Live version (from official store)
### Version
7.77.1
### Build number
n/a
### Build type
None
### Device
iPhone 16
### Operating system
iOS
### Additional context
_No response_
### Severity
_No response_
Contributor guide
Research direction
Reproduce the first-time connection flow on iOS and inspect the connection screen and permissions updated toast where the globe icon is rendered. The fix is done when the fallback globe fills its container in both locations, matching the expected screenshots.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100