Skip to content

ui: token page hero, trade panel and details - #70

Merged
kevincodex1 merged 1 commit into
ui/overhaul-6-chartsfrom
ui/overhaul-7-token-page
Oct 6, 2026
Merged

kevincodex1 merged 1 commit into
ui/overhaul-6-chartsfrom
ui/overhaul-7-token-page

Conversation

@Vasanthdev2004

@Vasanthdev2004 Vasanthdev2004 commented Oct 6, 2026 •

Copy link
Copy Markdown
Collaborator

Part 7 of 9 of the UI overhaul, stacked on #61. Each PR's diff is only its own step; review and merge in order.

The token page redesign.

What changes

  • Hero: the token's card cover as a band, the way back and the chain as glass chips, the mark ringed in the token's tint (from its logo, per theme), name, pair badge, launch age, and the market cap with the quote detail under it.
  • Trade panel: segmented buy and sell, amount presets, and the price impact shown before you sign (price-impact.ts). Reads the hydration-safe account.
  • Proof panel (proof.ts, TokenProof): five facts read from the chain or the launch transaction, worded plainly and never scored.
  • About card with socials; holders, trades, receipt, details tabs and copy chips restyled.
  • The loading frame (PendingTokenHeader, loading.tsx) holds the hero's shape, so the row-to-page morph lands in place.
  • tintServer.ts reads the logo's colours on the server for the tint.

Checks on this branch: lint, tsc --noEmit, npm test (906 pass, 0 fail, 10 skipped), next build.

Stack (merge top to bottom)

  1. UI overhaul, phase 1: search everywhere, row-to-page morph, rolling live numbers #60 phase 1: search, row-to-page morph, live numbers
  2. ui: home as a live floor (river, totals sentence, watchlist, just launched) #61 home as a live floor
  3. ui: shared foundations for the overhaul (Geist type, chain marks, vendor kit) #64 shared foundations for the overhaul (Geist type, chain marks, vendor kit)
  4. ui: rebuild the header nav #65 rebuild the header nav
  5. feat(launch): optional creator banner, stored and edited like the logo #66 optional creator banner, stored and edited like the logo
  6. ui: market board with cards and denser rows #67 market board with cards and denser rows
  7. ui: home floor (hero, live river and bubbles, trending) #68 home floor (hero, live river and bubbles, trending)
  8. feat(charts): GeckoTerminal chart with the native chart as fallback #69 GeckoTerminal chart with the native chart as fallback
  9. ui: token page hero, trade panel and details #70 token page hero, trade panel and details (this PR)
  10. ui: launch flow as a step rail with a live preview #71 launch flow as a step rail with a live preview
  11. ui: posts, how it works, agents and dashboard in the new style #72 posts, how it works, agents and dashboard in the new style

@coderabbitai

coderabbitai Bot commented Oct 6, 2026 •

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Essentials
  • Run ID: bf34d5e3-29da-465a-96dd-88cbf1a94fdc

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
  • Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Comment @coderabbitai help to get the list of available commands.

A hero that wears the token's card cover, the trade panel with price impact, proof facts, the about card, and the loading frame the market row morphs into.
@kevincodex1
kevincodex1 force-pushed the ui/overhaul-7-token-page branch from 70805cb to 61c6b34 Compare October 6, 2026 07:04
@kevincodex1
kevincodex1 merged commit b1434e0 into feat/ui-overhaul-home Oct 6, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants