Skip to content

Improve fees display on send#2649

Open
leofelix077 wants to merge 13 commits intomasterfrom
feature/improve-resource-fee-display-on-send
Open

Improve fees display on send#2649
leofelix077 wants to merge 13 commits intomasterfrom
feature/improve-resource-fee-display-on-send

Conversation

@leofelix077
Copy link
Collaborator

@leofelix077 leofelix077 commented Mar 12, 2026

closes #2475

Screen.Recording.2026-03-13.at.11.42.36.mov
Screen.Recording.2026-03-13.at.11.43.27.mov

@leofelix077 leofelix077 self-assigned this Mar 12, 2026
@leofelix077 leofelix077 added wip not for merging yet don't review yet wip / tests in progress / missing videos or screenshots / pending self code-review labels Mar 12, 2026
Copilot AI review requested due to automatic review settings March 12, 2026 20:33
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves the resource fee display on the send flow by adding a detailed fee breakdown pane to the review transaction screen, showing inclusion fee and resource fee separately for Soroban transactions.

Changes:

  • Added a new "Fee breakdown" pane in ReviewTransaction showing inclusion fee, resource fee, and total fee with contextual descriptions for classic vs Soroban transactions
  • Propagated inclusionFee and resourceFee from simulation results through both send and collectible flows
  • Added "Calculating..." loading state for fees and a loading indicator on the continue button during simulation

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
extension/src/popup/components/InternalTransaction/ReviewTransaction/index.tsx New fees breakdown pane with fee detail rows and info button
extension/src/popup/components/InternalTransaction/ReviewTransaction/styles.scss Styles for the fees breakdown pane and info button
extension/src/popup/components/send/SendAmount/index.tsx Show "Calculating..." during simulation, loading state on button
extension/src/popup/components/send/SendAmount/hooks/useSimulateTxData.tsx Pass inclusionFee and resourceFee from simulation
extension/src/popup/components/sendCollectible/SelectedCollectible/hooks/useSimulateTxData.ts Pass inclusionFee and resourceFee from simulation
extension/src/popup/locales/en/translation.json New i18n keys for fee breakdown UI
extension/src/popup/locales/pt/translation.json Portuguese translations for new keys (with one regression)
@shared/api/internal.ts Added network_url to simulate-tx request body
extension/e2e-tests/reviewTxFees.test.ts E2E tests for fee breakdown in token, classic, and collectible sends

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@leofelix077 leofelix077 changed the title Feature/improve resource fee display on send Improve resource fee display on send Mar 13, 2026
….com:stellar/freighter into feature/improve-resource-fee-display-on-send
@leofelix077 leofelix077 changed the title Improve resource fee display on send Improve fees display on send Mar 13, 2026
@leofelix077 leofelix077 requested a review from Copilot March 13, 2026 15:50
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 14 out of 14 changed files in this pull request and generated 3 comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@leofelix077 leofelix077 added enhancement New feature or request and removed wip not for merging yet don't review yet wip / tests in progress / missing videos or screenshots / pending self code-review labels Mar 13, 2026
@sdfcharles
Copy link

sdfcharles commented Mar 13, 2026

@leofelix077 looks nice! few notes:

CleanShot 2026-03-13 at 11 06 29
  1. should this be Inclusion fee?
CleanShot 2026-03-13 at 11 07 24
  1. lets match the top/bottom padding here
CleanShot 2026-03-13 at 13 18 43
  1. lets move the copy button next to the text
CleanShot 2026-03-13 at 13 20 47
  1. i like the idea of the buttons here but lets drop them for now for consistency

leofelix077 and others added 3 commits March 16, 2026 09:30
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@leofelix077
Copy link
Collaborator Author

@sdfcharles applied the adjustments to the UI parts now. thanks for checking!

Screenshot 2026-03-16 at 10 40 19 Screenshot 2026-03-16 at 10 40 23 Screenshot 2026-03-16 at 10 40 30

leofelix077 and others added 3 commits March 17, 2026 19:56
- Extract SimulateTxData interface to types/transactions.ts to remove
  duplicate definitions in send and collectible hooks
- Both hooks now re-export the shared type
- FeesPane and ReviewTransaction import directly from types/transactions
- Fix FeesPane top/bottom padding and reset padding inside multi-pane-slider

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Improve minResourceFee display in Send flow

3 participants