feat: (MMS-2106) supports copying block explorer link in bridge page #31498

ghgoodreau · 2025-04-01T19:03:28Z

Description

Adds support for copying the token block explorer link in the address text under the token icon of the bridge page. Also displays a toast to let the user know this link has been copied.

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/MMS-2106

Manual testing steps

Go to the bridge page.
Select a toToken that is not a native token.
Click the address under the token icon.
Observe the toast and verify the link is correct.

Screenshots/Recordings

Before

After

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.

… iconn

github-actions · 2025-04-01T19:03:41Z

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 · 2025-04-01T19:05:24Z

✨ Files requiring CODEOWNER review ✨

🔄 @MetaMask/swaps-engineers

ui/pages/bridge/__snapshots__/index.test.tsx.snap
ui/pages/bridge/prepare/__snapshots__/prepare-bridge-page.test.tsx.snap
ui/pages/bridge/prepare/bridge-input-group.tsx
ui/pages/bridge/prepare/prepare-bridge-page.tsx

metamaskbot · 2025-04-01T20:45:17Z

Builds ready [396710f]

builds: chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
bundle size: Bundle Size Stats
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all CircleCI 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, 14
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
- content-script: 0
- offscreen: 0

UI Startup Metrics (1189 ± 73 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1189	1060	1479	73	1223	1334
			load	1039	932	1345	71	943	989
			domContentLoaded	1033	923	1337	71	942	986
			domInteractive	16	13	31	4	16	26
			firstPaint	751	71	1343	399	264	977
			backgroundConnect	10	6	50	6	9	10
			firstReactRender	19	15	34	4	20	31
			getState	10	4	27	6	6	8
			initialActions	0	0	1	0	0	1
			loadScripts	822	700	1124	71	838	959
			setupStore	7	5	21	3	7	8
	Webpack	Home	uiStartup	977	680	1176	84	957	983
			load	825	516	943	80	884	923
			domContentLoaded	819	493	940	81	880	919
			domInteractive	15	11	36	6	13	35
			firstPaint	333	54	936	311	814	936
			backgroundConnect	17	13	53	8	17	39
			firstReactRender	16	12	30	4	16	25
			getState	5	3	20	3	5	6
			initialActions	0	0	1	0	0	0
			loadScripts	817	491	938	81	879	918
			setupStore	7	4	14	2	8	9
Firefox	Browserify	Home	uiStartup	1376	1181	1933	151	1429	1784
			load	1239	1054	1790	148	1297	1610
			domContentLoaded	1238	1054	1789	148	1296	1610
			domInteractive	100	38	220	30	90	95
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	25	17	56	8	27	51
			firstReactRender	22	19	38	3	23	26
			getState	6	3	13	2	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	1215	1036	1766	147	1280	1584
			setupStore	6	4	42	4	6	7
	Webpack	Home	uiStartup	1012	857	1466	146	915	969
			load	883	754	1271	128	822	959
			domContentLoaded	882	754	1270	128	822	959
			domInteractive	113	34	206	28	151	95
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	23	14	84	13	24	64
			firstReactRender	19	16	27	2	20	25
			getState	9	5	72	9	8	9
			initialActions	0	0	1	0	0	1
			loadScripts	865	739	1238	124	812	980
			setupStore	9	5	65	9	8	9

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

background: 0 Bytes (0%)
ui: 1.76 KiB (0.03%)
common: 70 Bytes (0%)

ui/pages/bridge/prepare/prepare-bridge-page.tsx

ui/pages/bridge/prepare/bridge-input-group.tsx

metamaskbot · 2025-04-04T00:19:31Z

Builds ready [73f421e]

builds: chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
bundle size: Bundle Size Stats
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all CircleCI 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, 14
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- content-script: 0
- offscreen: 0

UI Startup Metrics (1191 ± 63 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1191	1095	1500	63	1217	1303
			load	1040	904	1363	69	913	993
			domContentLoaded	1034	898	1357	69	908	988
			domInteractive	16	13	47	5	15	28
			firstPaint	813	86	1362	379	225	964
			backgroundConnect	9	7	26	3	9	10
			firstReactRender	22	15	61	10	21	49
			getState	10	4	33	6	6	8
			initialActions	0	0	1	0	0	1
			loadScripts	786	658	1088	68	816	879
			setupStore	9	4	36	5	7	9
	Webpack	Home	uiStartup	2103	1709	2642	193	2245	2324
			load	1633	1330	1991	141	1734	1821
			domContentLoaded	1627	1327	1969	140	1729	1815
			domInteractive	17	12	67	12	14	58
			firstPaint	171	67	492	70	246	85
			backgroundConnect	30	11	84	15	36	62
			firstReactRender	176	53	356	112	75	94
			getState	13	3	301	29	8	9
			initialActions	6	1	287	28	4	4
			loadScripts	1618	1324	1943	139	1723	1798
			setupStore	44	6	378	82	296	8
Firefox	Browserify	Home	uiStartup	1379	1187	1925	154	1418	1791
			load	1236	1052	1778	145	1284	1625
			domContentLoaded	1236	1051	1777	145	1284	1625
			domInteractive	99	38	204	27	86	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	16	49	6	25	35
			firstReactRender	22	19	32	3	23	28
			getState	7	3	25	3	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	1214	1030	1749	143	1257	1596
			setupStore	6	4	20	2	6	7
	Webpack	Home	uiStartup	1501	1299	2059	162	1548	1935
			load	1302	1130	1836	152	1342	1692
			domContentLoaded	1302	1130	1836	152	1342	1692
			domInteractive	95	37	240	32	89	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	24	18	47	6	24	43
			firstReactRender	33	29	49	4	35	40
			getState	6	3	24	3	7	8
			initialActions	1	0	2	1	1	1
			loadScripts	1281	1112	1813	151	1321	1673
			setupStore	7	5	23	2	7	9

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

background: 0 Bytes (0%)
ui: 2.59 KiB (0.04%)
common: 70 Bytes (0%)

metamaskbot · 2025-04-04T16:14:52Z

Builds ready [58f4d66]

builds: chrome, firefox
builds (flask): chrome, firefox
builds (test): chrome, firefox
builds (test-flask): chrome, firefox
build viz: Build System
bundle size: Bundle Size Stats
user-actions-benchmark: User Actions Stats
storybook: Storybook
typescript migration: Dashboard
all CircleCI 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, 14
- ui: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13
- content-script: 0
- offscreen: 0

UI Startup Metrics (1243 ± 82 ms)

Platform	BuildType	Page	Metric	Mean (ms)	Min (ms)	Max (ms)	Std Dev (ms)	P 75 (ms)	P 95 (ms)
Chrome	Browserify	Home	uiStartup	1243	1104	1590	82	1300	1385
			load	1092	966	1443	78	1180	987
			domContentLoaded	1086	960	1436	78	1191	994
			domInteractive	18	13	70	9	16	30
			firstPaint	748	85	1280	437	207	970
			backgroundConnect	10	6	47	6	9	10
			firstReactRender	21	15	75	8	20	40
			getState	10	4	27	6	6	8
			initialActions	0	0	1	0	0	1
			loadScripts	831	706	1019	68	870	943
			setupStore	8	5	21	3	7	8
	Webpack	Home	uiStartup	2059	1665	2468	200	2205	2302
			load	1609	1306	1900	155	1734	1818
			domContentLoaded	1603	1300	1871	154	1729	1814
			domInteractive	17	12	63	11	14	51
			firstPaint	171	65	342	58	240	82
			backgroundConnect	27	11	81	14	29	59
			firstReactRender	160	53	344	105	84	95
			getState	11	3	257	25	8	9
			initialActions	3	1	5	1	3	4
			loadScripts	1595	1295	1845	154	1721	1809
			setupStore	23	6	305	45	25	8
Firefox	Browserify	Home	uiStartup	1345	1168	1952	153	1371	1789
			load	1207	1049	1808	145	1230	1630
			domContentLoaded	1207	1049	1808	145	1230	1629
			domInteractive	98	37	191	23	88	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	26	16	279	26	25	34
			firstReactRender	22	18	49	4	22	29
			getState	6	3	27	3	7	8
			initialActions	0	0	1	0	0	1
			loadScripts	1182	1031	1777	139	1210	1599
			setupStore	6	3	18	2	6	7
	Webpack	Home	uiStartup	1578	1365	2163	169	1655	2031
			load	1360	1176	1974	162	1410	1777
			domContentLoaded	1360	1175	1974	162	1409	1777
			domInteractive	97	37	177	24	92	97
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	25	18	66	7	26	43
			firstReactRender	36	30	55	6	39	50
			getState	8	5	32	4	7	9
			initialActions	1	0	2	1	1	1
			loadScripts	1337	1154	1950	161	1381	1749
			setupStore	8	5	49	5	8	9

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

background: 1.51 KiB (0.03%)
ui: 3.23 KiB (0.05%)
common: 285 Bytes (0%)

feat: supports copying block explorer link in bridge page under token…

68c401c

… iconn

metamaskbot added the team-swaps-and-bridge For issues with Swaps or Bridging label Apr 1, 2025

ghgoodreau added 3 commits April 1, 2025 14:08

chore: prettier

b16febf

chore: update snapshots for new cursor props

49dc787

Merge branch 'main' into feat-MMS-2106-outlink-to-block-explorer

396710f

ghgoodreau marked this pull request as ready for review April 2, 2025 15:32

ghgoodreau requested a review from a team as a code owner April 2, 2025 15:32

GustavoRSSilva previously approved these changes Apr 2, 2025

View reviewed changes

micaelae reviewed Apr 3, 2025

View reviewed changes

ui/pages/bridge/prepare/prepare-bridge-page.tsx Show resolved Hide resolved

micaelae reviewed Apr 3, 2025

View reviewed changes

ui/pages/bridge/prepare/bridge-input-group.tsx Outdated Show resolved Hide resolved

Merge branch 'main' into feat-MMS-2106-outlink-to-block-explorer

73f421e

ghgoodreau dismissed GustavoRSSilva’s stale review via 73f421e April 3, 2025 23:39

fix: address comments

58f4d66

GustavoRSSilva approved these changes Apr 4, 2025

View reviewed changes

ghgoodreau enabled auto-merge April 7, 2025 18:09

micaelae approved these changes Apr 7, 2025

View reviewed changes

ghgoodreau added this pull request to the merge queue Apr 7, 2025

Merged via the queue into main with commit 405e1ea Apr 7, 2025
170 checks passed

ghgoodreau deleted the feat-MMS-2106-outlink-to-block-explorer branch April 7, 2025 22:30

github-actions bot locked and limited conversation to collaborators Apr 7, 2025

metamaskbot added the release-12.17.0 Issue or pull request that will be included in release 12.17.0 label Apr 7, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: (MMS-2106) supports copying block explorer link in bridge page #31498

feat: (MMS-2106) supports copying block explorer link in bridge page #31498

ghgoodreau commented Apr 1, 2025 •

edited

Loading

github-actions bot commented Apr 1, 2025

metamaskbot commented Apr 1, 2025 •

edited

Loading

metamaskbot commented Apr 1, 2025

metamaskbot commented Apr 4, 2025

metamaskbot commented Apr 4, 2025

feat: (MMS-2106) supports copying block explorer link in bridge page #31498

feat: (MMS-2106) supports copying block explorer link in bridge page #31498

Conversation

ghgoodreau commented Apr 1, 2025 • edited Loading

Description

Related issues

Manual testing steps

Screenshots/Recordings

Before

After

Pre-merge author checklist

Pre-merge reviewer checklist

github-actions bot commented Apr 1, 2025

metamaskbot commented Apr 1, 2025 • edited Loading

✨ Files requiring CODEOWNER review ✨

metamaskbot commented Apr 1, 2025

metamaskbot commented Apr 4, 2025

metamaskbot commented Apr 4, 2025

ghgoodreau commented Apr 1, 2025 •

edited

Loading

metamaskbot commented Apr 1, 2025 •

edited

Loading