feat: Display dynamic gas station fee

[pedronfigueiredo]

Description

The fee is being determined dynamically in the API already, so this is just displaying the correct value now, since 35% fee is capped at 10$.

Changelog

CHANGELOG entry:

Related issues

Fixes: https://github.com/MetaMask/MetaMask-planning/issues/6052

Manual testing steps

1. Go to this page...

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.

---

Note

Use gasFeeToken.fee for MetaMask fee instead of a hardcoded 35% calculation.

• Fees:
  • Replace hardcoded 35% MetaMask fee with dynamic gasFeeToken.fee in ui/pages/confirmations/components/confirm/info/hooks/useGasFeeToken.ts.
  • Remove METAMASK_FEE_PERCENTAGE and dependent BigNumber calculation; downstream fiat fee uses the provided fee value.

^{Written by Cursor Bugbot for commit bf7f992. This will update automatically on new commits. Configure here.}

[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.

[cursor]

Bug: MetaMask Fee Display Fails for Native Tokens

The metaMaskFee is undefined for native token transactions. This occurs because useNativeGasFeeToken() doesn't provide a fee property, which the new logic expects. This breaks the MetaMask fee display when falling back to native tokens, as a fee was always calculated previously.

 

[metamaskbot]

✨ Files requiring CODEOWNER review ✨

✅ @MetaMask/confirmations (1 files, +1 -4)

• 📁 ui/
  • 📁 pages/
    • 📁 confirmations/
      • 📁 components/
        • 📁 confirm/
          • 📁 info/
            • 📁 hooks/
              • 📄 useGasFeeToken.ts +1 -4

[metamaskbot]

📊 Page Load Benchmark Results

Current Commit: bf7f992 | Date: 10/17/2025

📄 Localhost MetaMask Test Dapp

Samples: 100

Summary

• pageLoadTime-> current mean value: 1.05s (±77ms) 🟡 | historical mean value: 1.05s ⬆️ (historical data)
• domContentLoaded-> current mean value: 740ms (±72ms) 🟢 | historical mean value: 737ms ⬆️ (historical data)
• firstContentfulPaint-> current mean value: 80ms (±13ms) 🟢 | historical mean value: 77ms ⬆️ (historical data)

📈 Detailed Results

Metric	Mean	Std Dev	Min	Max	P95	P99
pageLoadTime	1.05s	77ms	1.01s	1.36s	1.31s	1.36s
domContentLoaded	740ms	72ms	702ms	1.04s	990ms	1.04s
firstPaint	80ms	13ms	64ms	188ms	88ms	188ms
firstContentfulPaint	80ms	13ms	64ms	188ms	88ms	188ms
largestContentfulPaint	0ms	0ms	0ms	0ms	0ms	0ms

---

Results generated automatically by MetaMask CI

[metamaskbot]

Builds ready [bf7f992]

• builds: chrome, firefox
• builds (beta): 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 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, 13, 14
  • content-script: 0
  • offscreen: 0

UI Startup Metrics (1289 ± 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	1289	1141	1475	73	1341	1411
			load	1102	946	1288	67	1145	1208
			domContentLoaded	1095	940	1282	67	1139	1205
			domInteractive	20	13	119	14	18	40
			firstPaint	820	88	1297	421	1128	1202
			backgroundConnect	258	244	282	8	263	271
			firstReactRender	29	19	176	21	27	44
			getState	17	6	90	13	19	36
			initialActions	7	1	71	11	6	21
			loadScripts	844	698	1030	67	890	958
			setupStore	11	6	34	6	11	29
	Webpack	Home	uiStartup	819	700	1304	76	838	941
			load	620	571	1152	75	625	716
			domContentLoaded	612	566	1144	74	615	709
			domInteractive	15	11	50	8	14	33
			firstPaint	185	54	798	169	193	614
			backgroundConnect	21	10	50	7	25	33
			firstReactRender	27	16	123	12	31	36
			getState	9	3	31	4	11	15
			initialActions	3	0	8	2	4	6
			loadScripts	610	564	1133	72	614	698
			setupStore	9	5	19	3	11	14
Firefox	Browserify	Home	uiStartup	1469	1293	1982	108	1522	1653
			load	1247	1107	1452	77	1306	1351
			domContentLoaded	1247	1107	1451	76	1306	1350
			domInteractive	115	36	377	61	119	292
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	36	22	136	17	39	74
			firstReactRender	25	21	41	4	26	36
			getState	9	5	89	9	9	14
			initialActions	4	1	25	3	4	8
			loadScripts	1223	1060	1431	78	1284	1329
			setupStore	15	5	188	22	11	61
	Webpack	Home	uiStartup	1555	1359	1964	127	1613	1873
			load	1330	1180	1640	93	1380	1510
			domContentLoaded	1330	1179	1639	93	1380	1510
			domInteractive	106	32	377	66	102	320
			firstPaint	NaN	NaN	NaN	NaN	NaN	NaN
			backgroundConnect	36	21	87	13	40	69
			firstReactRender	29	22	76	10	31	55
			getState	10	4	131	14	9	16
			initialActions	4	1	23	3	3	11
			loadScripts	1307	1164	1611	90	1358	1483
			setupStore	14	5	99	19	10	71

Bundle size diffs [🚀 Bundle size reduced!]

• background: 58 Bytes (0%)
• ui: -118 Bytes (0%)
• common: -230 Bytes (0%)