Skip to content

fix: asset picker bug#25601

Merged
salimtb merged 2 commits intodevelopfrom
fix-asset-picker-bug
Jul 3, 2024
Merged

fix: asset picker bug#25601
salimtb merged 2 commits intodevelopfrom
fix-asset-picker-bug

Conversation

@salimtb
Copy link
Copy Markdown
Contributor

@salimtb salimtb commented Jun 30, 2024

Description

the goal of this PR is to fix some v12.1 bugs related to balance display and asset picker modal:

  • The symbols no longer show for each list item
  • Blocked token symbols (e.g., BNB on Ethereum Mainnet) are no longer greyed out in the UI despite still being inert
  • Token names are not truncated
  • Token symbol is USD instead of ETH on the asset picker modal

Open in GitHub Codespaces

Related issues

Fixes: #25575

Manual testing steps

  1. Go to the wallet view and check crypto and fiat value for native token
  2. Select Ethereum Mainnet
  3. Go to Send page
  4. Click on destination asset picker
  5. Observe that symbols are not present and names are not truncated
  6. Search for "CHZ"
  7. Observe that it is not styled as a disabled button

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

  • I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
  • I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

@salimtb salimtb requested a review from a team as a code owner June 30, 2024 12:01
@github-actions
Copy link
Copy Markdown
Contributor

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

@salimtb salimtb force-pushed the fix-asset-picker-bug branch 2 times, most recently from b9f4d97 to 0e6c3e5 Compare June 30, 2024 12:07
@salimtb salimtb changed the title Fix asset picker bug fix: asset picker bug Jun 30, 2024
@salimtb salimtb added team-assets needs-assets-ux-review A shared label between the Assets and UX team to flag PRs ready for consolidated team review. labels Jun 30, 2024
@salimtb salimtb force-pushed the fix-asset-picker-bug branch from 0e6c3e5 to 3ffea9d Compare June 30, 2024 12:52
@salimtb salimtb requested review from BZahory and darkwing July 1, 2024 11:24
@salimtb salimtb force-pushed the fix-asset-picker-bug branch from ca045a2 to fc7e329 Compare July 1, 2024 12:04
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [c7eb509]
Page Load Metrics (137 ± 142 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint69164982411
domContentLoaded107927178
load411424137296142
domInteractive107927178
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 1.7 KiB (0.02%)
  • common: 0 Bytes (0.00%)

@codecov
Copy link
Copy Markdown

codecov bot commented Jul 1, 2024

Codecov Report

Attention: Patch coverage is 90.90909% with 1 line in your changes missing coverage. Please review.

Project coverage is 69.67%. Comparing base (ce3c57c) to head (90d8900).
Report is 5 commits behind head on develop.

Files Patch % Lines
...set-picker-amount/asset-picker-modal/AssetList.tsx 66.67% 1 Missing ⚠️
Additional details and impacted files
@@             Coverage Diff             @@
##           develop   #25601      +/-   ##
===========================================
- Coverage    69.67%   69.67%   -0.00%     
===========================================
  Files         1366     1366              
  Lines        48226    48228       +2     
  Branches     13303    13305       +2     
===========================================
+ Hits         33599    33600       +1     
- Misses       14627    14628       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Copy Markdown
Contributor

@BZahory BZahory left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested a few changes. Please split up into commits and avoid creeping out of scope in the future

@salimtb salimtb force-pushed the fix-asset-picker-bug branch 2 times, most recently from d70d04f to 5a480a3 Compare July 2, 2024 10:11
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [888d8fa]
Page Load Metrics (222 ± 219 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint70138104189
domContentLoaded96530147
load411603222455219
domInteractive96529147
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 1.68 KiB (0.02%)
  • common: 0 Bytes (0.00%)

@salimtb salimtb requested review from BZahory and darkwing July 2, 2024 12:06
@salimtb salimtb force-pushed the fix-asset-picker-bug branch from 888d8fa to 453032e Compare July 2, 2024 15:29
@salimtb salimtb force-pushed the fix-asset-picker-bug branch 5 times, most recently from d4ef349 to 5a523b4 Compare July 3, 2024 12:16
@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [5a523b4]
Page Load Metrics (69 ± 14 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint722821024321
domContentLoaded215427105
load51188693014
domInteractive215427105
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 72 Bytes (0.00%)
  • common: 0 Bytes (0.00%)

@salimtb salimtb requested a review from BZahory July 3, 2024 14:18
@salimtb salimtb force-pushed the fix-asset-picker-bug branch from 5a523b4 to 6402dfb Compare July 3, 2024 16:05
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can remove this prop since this component is exclusive to the AssetPickerModal

@salimtb salimtb force-pushed the fix-asset-picker-bug branch from 6402dfb to 90d8900 Compare July 3, 2024 18:05
@sonarqubecloud
Copy link
Copy Markdown

sonarqubecloud bot commented Jul 3, 2024

@metamaskbot
Copy link
Copy Markdown
Collaborator

Builds ready [90d8900]
Page Load Metrics (319 ± 278 ms)
PlatformPageMetricMin (ms)Max (ms)Average (ms)StandardDeviation (ms)MarginOfError (ms)
ChromeHomefirstPaint663971217134
domContentLoaded10102322211
load431871319579278
domInteractive10102322211
Bundle size diffs
  • background: 0 Bytes (0.00%)
  • ui: 20 Bytes (0.00%)
  • common: 0 Bytes (0.00%)

@salimtb salimtb merged commit 92ea1c9 into develop Jul 3, 2024
@salimtb salimtb deleted the fix-asset-picker-bug branch July 3, 2024 20:11
@github-actions github-actions bot locked and limited conversation to collaborators Jul 3, 2024
@metamaskbot metamaskbot added the release-12.2.0 Issue or pull request that will be included in release 12.2.0 label Jul 3, 2024
chloeYue pushed a commit that referenced this pull request Jul 5, 2024
<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**
Cherry pick PR for the fix #25601 
<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/25701?quickstart=1)

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.
darkwing added a commit that referenced this pull request Aug 14, 2024
## **Description**
Cherry pick PR for the fix #25601 

The width of the new Send page regressed after v12 via this PR:
#23697

This commit fixes said issue.

[![Open in GitHub

Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/25701?quickstart=1)

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding

Standards](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling

guidelines](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

[![Open in GitHub
Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/25771?quickstart=1)

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [ ] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/CODING_GUIDELINES.md).
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

Co-authored-by: Hassan Malik <41640681+hmalik88@users.noreply.github.com>
darkwing added a commit that referenced this pull request Aug 16, 2024
… input (#26456)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**
Cherry pick PR for the fix #25601 
<!--
Write a short description of the changes included in this pull request,
also include relevant motivation and context. Have in mind the following
questions:
1. What is the reason for the change?
2. What is the improvement/solution?
-->

[![Open in GitHub

Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/MetaMask/metamask-extension/pull/25701?quickstart=1)


## **Related issues**

fixes #25918
fixes #25889

## **Manual testing steps**

1. Go to Settings > Contacts > Add Contact
2. Enter a name and a valid Ethereum address
3. Observe the Save button getting enabled
4. Edit the address to make it invalid, observe the Save button getting
disabled
5. Instead of an address, enter an ENS name and pick the resolved result
6. Observe the Save button getting enabled
7. Observe that the input is still editable (repeat 4.)

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **Pre-merge author checklist**

- [X] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/CODING_GUIDELINES.md).
- [X] I've completed the PR template to the best of my ability
- [X] I’ve included tests if applicable
- [ ] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [ ] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/develop/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

Signed-off-by: Mircea Nistor <mirceanis@gmail.com>
Co-authored-by: Mircea Nistor <mirceanis@gmail.com>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

needs-assets-ux-review A shared label between the Assets and UX team to flag PRs ready for consolidated team review. release-12.2.0 Issue or pull request that will be included in release 12.2.0 team-assets

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: send page modal styling broken

4 participants