Add inline gas estimates
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5.5k
- Forks
- 5.4k
- PR merge metrics
- No merged PRs in 30d
Description
New users are not aware of gas fees and don't read their wallet transaction prompts. We should show the estimated gas fees inline so users can get a better idea of the total cost of the transaction.
There are two cases:
-
For a regular swap, the estimated gas costs should be displayed in the confirm screen and clearly show it is an additional Ethereum fee.
-
For swaps with approves (not permits) - we should show the estimated total transaction cost (approve + swap fee) under the buttons. This may help reduce sticker shock of the two transactions.
Additional considerations:
- Gas estimated should be displayed in ETH & USD prices.
- We should consider displaying a warning if USD prices of the fee is higher than the value of the swap!!
- Add a generalized gas tracker in the header
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the swap confirmation screen, the approve-before-swap flow, and the header components described in the issue. Trace how transaction costs and ETH/USD prices are currently obtained, then define completion as inline estimates for regular swaps and approve-plus-swap totals, with the requested warning and generalized header tracker addressed or explicitly scoped.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- blockchain, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100