feat: homepage refresh — cluster strip, live activity feeds, compact prices#597
Closed
Agilulfo1820 wants to merge 1 commit into
Closed
feat: homepage refresh — cluster strip, live activity feeds, compact prices#597Agilulfo1820 wants to merge 1 commit into
Agilulfo1820 wants to merge 1 commit into
Conversation
Brings the explorer homepage closer to the design kit: - New ClusterStrip below the stat tiles. Three cells in one rounded panel: Circulating supply (fixed 86.71B with a gradient bar against the max), VET staked via StarGate (live total + % of max supply), and a 24h passive-VTHO-generation estimate based on the staked figure. - ActivitySection card titles renamed to "Latest Blocks" / "Latest Transactions" and now carry a pulsing LiveBadge so users see the data updates in real time. LiveBadge is a small reusable component (components/ui/LiveBadge.tsx) for other live feeds. - New CompactPriceStrip replaces the three big PriceCards. Single rounded row with token icon + symbol + price + colour-coded 24h change, hairline dividers between tokens. Moved to the bottom of the page where the design places it. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Block explorer – Preview
Built with commit 207bd25 • Preview environments are automatically destroyed when PRs are closed |
Agilulfo1820
temporarily deployed
to
preview-pr-597
June 8, 2026 14:15 — with 
GitHub Actions
Inactive
GitHub Actions
Inactive
Agilulfo1820
temporarily deployed
to
preview-pr-597
June 8, 2026 14:18 — with
GitHub Actions
Inactive
GitHub Actions
Inactive
PR Docker Image PublishedRun locallydocker run --rm -p 3000:3000 ghcr.io/vechain/block-explorer:pr.597.207bd25 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
First-pass refresh of the homepage following the design kit's solanabeach-style dashboard. Focused on the easy-impact pieces; the live TPS chart and validator donut are intentionally left for a follow-up PR because they need new data plumbing.
What changes
New:
ClusterStripThree cells in one rounded panel under the stat tiles:
Hidden on the solo network.
Updated:
ActivitySectionNew:
LiveBadge(components/ui/LiveBadge.tsx)Small reusable dot + label component for other live-streaming sections in the future.
New:
CompactPriceStripReplaces the three big
PriceCards. Single rounded row with token icon + symbol + price + colour-coded 24h change, hairline dividers between tokens. Moved to the bottom of the page where the design places it.Out of scope (follow-ups)
HomeStatsGroupcovers the data but doesn't yet match the design's icon-led layout.Test plan
pnpm ts-check·pnpm lint·pnpm knip·pnpm test(186 pass)🤖 Generated with Claude Code