metamask-extension
metamask-extension copied to clipboard
feat: percentage increase feature
Description
This pull request introduces a new feature to the MetaMask extension that enhances user experience by displaying the percentage increase or decrease for each token directly within the UI. This update aims to provide users with immediate visual feedback on the performance of their tokens, helping them make more informed decisions based on recent market trends.
core PR: https://github.com/MetaMask/core/pull/4206
Related issues
Fixes:
Manual testing steps
- Go to the wallet view
- You should see the percentage of increase/decrease
Screenshots/Recordings
Before
After
Pre-merge author checklist
- [x] I’ve followed MetaMask Coding Standards.
- [x] I've completed the PR template to the best of my ability
- [x] I’ve included tests if applicable
- [x] I’ve documented my code using JSDoc format if applicable
- [x] I’ve applied the right labels on the PR (see labeling guidelines). 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.
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.
Builds ready [0e141e0]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (842 ± 578 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 57 | 162 | 86 | 28 | 13 |
domContentLoaded | 8 | 33 | 12 | 5 | 3 | ||
load | 45 | 2950 | 842 | 1203 | 578 | ||
domInteractive | 8 | 33 | 12 | 5 | 3 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 3.7 KiB (0.06%)
- common: 95 Bytes (0.00%)
Codecov Report
Attention: Patch coverage is 95.58824%
with 3 lines
in your changes missing coverage. Please review.
Project coverage is 65.42%. Comparing base (
2115516
) to head (6035cce
). Report is 16 commits behind head on develop.
Files | Patch % | Lines |
---|---|---|
...and-amount-change/percentage-and-amount-change.tsx | 94.44% | 2 Missing :warning: |
app/scripts/lib/util.ts | 90.91% | 1 Missing :warning: |
Additional details and impacted files
@@ Coverage Diff @@
## develop #24223 +/- ##
===========================================
+ Coverage 65.39% 65.42% +0.04%
===========================================
Files 1382 1384 +2
Lines 54764 54830 +66
Branches 14369 14391 +22
===========================================
+ Hits 35809 35872 +63
- Misses 18955 18958 +3
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
Builds ready [c1cf600]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (759 ± 571 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 61 | 194 | 98 | 37 | 18 |
domContentLoaded | 10 | 68 | 16 | 13 | 6 | ||
load | 49 | 2919 | 759 | 1188 | 571 | ||
domInteractive | 10 | 68 | 16 | 13 | 6 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 3.8 KiB (0.06%)
- common: 53 Bytes (0.00%)
New and removed dependencies detected. Learn more about Socket for GitHub ↗︎
Package | New capabilities | Transitives | Size | Publisher |
---|
🚮 Removed packages: npm/[email protected], npm/[email protected]
No dependency changes detected. Learn more about Socket for GitHub ↗︎
👍 No dependency changes detected in pull request
Builds ready [59e5fc1]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (109 ± 135 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 63 | 141 | 81 | 17 | 8 |
domContentLoaded | 8 | 11 | 9 | 1 | 0 | ||
load | 38 | 1335 | 109 | 281 | 135 | ||
domInteractive | 8 | 11 | 9 | 1 | 0 |
Bundle size diffs
- background: 0 Bytes (0.00%)
- ui: 6.25 KiB (0.09%)
- common: 0 Bytes (0.00%)
Builds ready [7163e90]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (48 ± 4 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 64 | 92 | 78 | 7 | 4 |
domContentLoaded | 9 | 23 | 12 | 4 | 2 | ||
load | 40 | 64 | 48 | 8 | 4 | ||
domInteractive | 9 | 23 | 12 | 4 | 2 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 6.5 KiB (0.09%)
- common: 77 Bytes (0.00%)
Builds ready [6035cce]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (53 ± 6 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 72 | 121 | 86 | 10 | 5 |
domContentLoaded | 10 | 17 | 12 | 2 | 1 | ||
load | 41 | 104 | 53 | 13 | 6 | ||
domInteractive | 10 | 17 | 11 | 2 | 1 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 6.49 KiB (0.09%)
- common: 195 Bytes (0.00%)
nice feature code LGTM