frontend icon indicating copy to clipboard operation
frontend copied to clipboard

Trading pair details page refresh

Open kenkunz opened this issue 6 months ago • 0 comments

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

  1. add swap fee % to header for all pairs (currently only shown on Uniswap V3 pairs)
    • update "Swap fee" label to "Trading fee"
  2. add blockchain logo to subtitle
  3. remove liquidity metric (now that TVL is available on all pairs)
  4. remove Uniswap v3 beta warning
  5. move buy/sell buttons to single "swap" header button
  6. remove blockchain explorer button (same as smart contract address)
  7. 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:

  1. consider making above buttons open a modal dialog instead of new page (merge "Copy Python…" into dialog)
  2. update HUD to match newer style used on strategy charts (tooltip follows mouse; full labels). NOTE: this is a departure from TradingView™ style HUD.
  3. use consistent (non-US) date format (e.g., 2023-09-23)
  4. consider reducing height of TVL chart and making it a "panel" of price chart rather than separate (linked) chart
  5. right-align data cells in time period summary (numeric values)
  6. replace liquidity values with TVL (not currently available in API)
  7. consider rethinking / replacing this section (relies on expensive API calls; hidden below the fold)

Screenshot w/annotations

kenkunz avatar Dec 14 '23 23:12 kenkunz