feat: new tx list filter

[salimtb]

Description

As a part of Portfolio View v1, we want to support filtering by chain for the Activity View. This means that when “All Networks” is selected, it also shows the activity for all networks when Activity tab is selected. When “Curren Network” is selected, it shows the activity only for the current network.

PR for smart transaction controller: MetaMask/smart-transactions-controller#498

Related issues

Fixes:

Manual testing steps

1. Go to the activity page
2. You should have a drop down menu to filter on networks
3. when you choose current network , you should see only transaction for current network

Screenshots/Recordings

Before

After

Screen.Recording.2025-03-19.at.14.12.22.mov

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• 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 format if applicable
• 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.

[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 [e4afa32]

• 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
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1997 ± 62 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1796	2345	1999	128	62
		domContentLoaded	1784	2242	1964	110	53
		load	1799	2341	1997	129	62
		domInteractive	24	98	59	19	9
		backgroundConnect	10	99	34	26	13
		firstReactRender	55	211	104	34	16
		getState	4	68	16	17	8
		initialActions	0	0	0	0	0
		loadScripts	1298	1641	1449	92	44
		setupStore	12	96	40	26	13
		uiStartup	2004	2667	2241	169	81

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 72 Bytes (0.00%)
• ui: 2.55 KiB (0.03%)
• common: 1.6 KiB (0.02%)

[salimtb]

Found a bug here; if you click the transaction, the transaction detail modal comes up; if you click the "View on block explorer" link, the link opens on the currently selected chainId, not the chainId of the transaction.

Screen.Recording.2024-10-31.at.11.40.02.AM.mov

good find , just resolved

[metamaskbot]

Builds ready [b8e7204]

• 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
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 12, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1733 ± 71 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1590	2200	1738	148	71
		domContentLoaded	1541	2176	1709	146	70
		load	1591	2205	1733	148	71
		domInteractive	24	82	47	17	8
		backgroundConnect	9	69	26	20	10
		firstReactRender	42	107	82	21	10
		getState	4	57	16	18	8
		initialActions	0	0	0	0	0
		loadScripts	1116	1737	1267	135	65
		setupStore	11	66	21	15	7
		uiStartup	1745	2388	1909	154	74

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 22 Bytes (0.00%)
• ui: 2.69 KiB (0.03%)
• common: 1.59 KiB (0.02%)

resolved

[gambinish]

Pulled down and tested. Swapped some tokens on Polygon and it correctly showed on the Activity List for both the filtered network and All Networks 👍

I noticed a few things in the code that I think maybe we can clean up a bit. Left some comment, so let me know if you feel the same way!

[vinnyhoward]

Overall looks good, pulled it down and works great. I left some comments

[metamaskbot]

Builds ready [eea3493]

• builds: chrome, firefox
• builds (flask): chrome, firefox
• builds (MMI): chrome
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6, 7, 8
  • common: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
  • ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
  • content-script: 0
  • offscreen: 0

Page Load Metrics (3197 ± 1140 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1677	12992	2945	2379	1142
		domContentLoaded	1529	12912	2581	2393	1149
		load	1691	13000	3197	2374	1140
		domInteractive	25	315	54	63	30
		backgroundConnect	91	1720	566	453	217
		firstReactRender	24	233	106	48	23
		getState	36	740	272	181	87
		initialActions	0	1	0	0	0
		loadScripts	1094	11963	1915	2312	1110
		setupStore	13	455	126	102	49
		uiStartup	2251	13163	5611	2915	1400

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 781 Bytes (0.01%)
• ui: 7.33 KiB (0.09%)
• common: 2.04 KiB (0.02%)