frontend
frontend copied to clipboard
Trading pair details page refresh
See epic #636
Goal
As an investor, I want the trading pair details page to include updated stats, labels and layout improvements, so that I can better compare different trading pairs.
Acceptance criteria
- add swap fee % to header for all pairs (currently only shown on Uniswap V3 pairs)
- update "Swap fee" label to "Trading fee"
- add blockchain logo to subtitle
- remove liquidity metric (now that TVL is available on all pairs)
- remove Uniswap v3 beta warning
- move buy/sell buttons to single "swap" header button
- remove blockchain explorer button (same as smart contract address)
- Move "API and historical data" and "Copy Python identifier" buttons up to tighten up layout.
TODO: Separate ticket(s)
To manage scope of this ticket, the below items should move moved to separate tickets:
- consider making above buttons open a modal dialog instead of new page (merge "Copy Python…" into dialog)
- update HUD to match newer style used on strategy charts (tooltip follows mouse; full labels). NOTE: this is a departure from TradingView™ style HUD.
- use consistent (non-US) date format (e.g.,
2023-09-23
) - consider reducing height of TVL chart and making it a "panel" of price chart rather than separate (linked) chart
- right-align data cells in time period summary (numeric values)
- replace liquidity values with TVL (not currently available in API)
- consider rethinking / replacing this section (relies on expensive API calls; hidden below the fold)