feat(landing): build interactive kinetic ledger explorer mockup - #352
Open
Olorunfemi20 wants to merge 1 commit into
Open
feat(landing): build interactive kinetic ledger explorer mockup#352Olorunfemi20 wants to merge 1 commit into
Olorunfemi20 wants to merge 1 commit into
Conversation
Add the Kinetic Ledger Explorer browser-window widget for the landing page. The widget renders a live transaction feed and network metrics (TPS, latency, ledger number, active validators) inside a mock browser chrome, following the Component -> Hook -> Service pattern: - types/kineticExplorer.ts defines the ledger transaction and network metrics shapes - services/kineticExplorerService.ts fetches a snapshot from /network/kinetic-explorer - hooks/useKineticExplorer.ts owns loading/error state and exposes a refetch handler, aborting in-flight requests on unmount - components/landing/KineticExplorer.tsx renders the widget with a responsive grid that reflows the metrics/transactions layout on small screens without breaking the internal structure Wired into the landing page hero section in app/page.tsx.
|
@Olorunfemi20 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
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.
Closes #311
Summary
Implements the Kinetic Ledger Explorer browser-window widget for the landing page: a mock browser chrome housing a live transaction feed and network metrics (TPS, latency, ledger number, active validators).
Implementation follows the required Component -> Hook -> Service layering:
The internal grid (metrics column + transaction table) reflows from a 3-column layout to a stacked layout below the sm breakpoint without breaking its structure, so the widget scales proportionally on smaller viewports.
Testing
All 9 tests pass; eslint and tsc report no new issues.