Multichain Activity Screen

[vthomas13]

Explanation

• Fixes https://github.com/MetaMask/MetaMask-planning/issues/491
• See Figma

• Deleted dividers between cells
• Added network badge on action icons
• Grouped txs by date
• Minor UX improvements, see Figma

Screenshots/Screencaps

Before

After

Manual Testing Steps

Pre-merge author checklist

• I've clearly explained:
  • What problem this PR is solving
  • How this problem was solved
  • How reviewers can test my changes
• Sufficient automated test coverage has been added

Pre-merge reviewer checklist

• Manual testing (e.g. pull and build branch, run in browser, test code being changed)
• PR is linked to the appropriate GitHub issue
• IF this PR fixes a bug in the release milestone, add this PR to the release milestone

If further QA is required (e.g. new feature, complex testing steps, large refactor), add the Extension QA Board label.

In this case, a QA Engineer approval will be be required.

[github-actions]

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.

[metamaskbot]

Builds ready [29fce84]

• builds: chrome, firefox
• builds (beta): chrome
• builds (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
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 2, 3, 4
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1605 ± 37 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	98	310	132	43	21
		domContentLoaded	1445	1743	1577	87	42
		load	1455	1743	1605	78	37
		domInteractive	1445	1743	1577	87	42

Bundle size diffs

• background: 0 bytes
• ui: 0 bytes
• common: 0 bytes

[codecov]

Codecov Report

Merging #19557 (fa3e83d) into develop (0309858) will decrease coverage by 0.05%.
The diff coverage is 51.56%.

@@             Coverage Diff             @@
##           develop   #19557      +/-   ##
===========================================
- Coverage    69.46%   69.41%   -0.05%     
===========================================
  Files          989      990       +1     
  Lines        37361    37399      +38     
  Branches     10018    10032      +14     
===========================================
+ Hits         25952    25960       +8     
- Misses       11409    11439      +30     

Impacted Files	Coverage Δ
...list-item/smart-transaction-list-item.component.js	3.12% <0.00%> (ø)
...app/transaction-list/transaction-list.component.js	41.10% <25.00%> (-7.05%)	⬇️
...omponents/app/transaction-icon/transaction-icon.js	84.62% <80.00%> (-1.10%)	⬇️
...ultichain/activity-list-item/activity-list-item.js	85.00% <85.00%> (ø)
...ction-list-item/transaction-list-item.component.js	70.00% <100.00%> (+0.91%)	⬆️

... and 5 files with indirect coverage changes

[NidhiKJha]

Looking really great 🚀 . Just need to fix the storybook errors and also the image for the badge is not loading in storybook

[metamaskbot]

Builds ready [fa3e83d]

• builds: chrome, firefox
• builds (beta): chrome
• builds (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
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5
  • common: 0, 1, 2, 3, 4, 5
  • content-script: 0
  • contentscript: contentscript
  • disable-console: disable-console
  • inpage: inpage
  • policy-load: policy-load
  • sentry-install: sentry-install
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1577 ± 63 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	97	199	135	27	13
		domContentLoaded	1345	1940	1577	131	63
		load	1345	1940	1577	131	63
		domInteractive	1345	1940	1577	131	63

Bundle size diffs [🚀 Bundle size reduced!]

• background: 0 bytes
• ui: -7586 bytes
• common: -24 bytes

Will address in future issue