Add real-time MEV refund metrics to navbar #623
+171
−0
Conversation
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
odysseus0
requested review from
sketsdever,
zeroXbrock and
sukoneck
as code owners
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Update: Added feature flag supportI've pushed an update that adds runtime feature flag support to control widget visibility: Changes in this update:
Testing completed:
This allows us to control widget visibility across all sites from a single point (the API's environment variable) without requiring frontend redeployments. |
odysseus0
force-pushed
the
feat/mev-refund-metrics-widget
branch
from
e890bc2 to
1d0ed7e
Compare
odysseus0
force-pushed
the
feat/mev-refund-metrics-widget
branch
from
8095540 to
d06d07f
Compare
odysseus0
force-pushed
the
feat/mev-refund-metrics-widget
branch
from
d06d07f to
f325a11
Compare
|
Ready for review - navbar alignment fixed with consistent typography hierarchy |
odysseus0
force-pushed
the
feat/mev-refund-metrics-widget
branch
from
f325a11 to
affd7b5
Compare
- Add comprehensive refund metrics widget showing MEV and gas refund totals - Fetch live data from configurable Dune Analytics API with feature flag support - Use navbar__item class for seamless Docusaurus framework integration - Perfect typography: regular labels, semibold values (font-weight: 500) matching navbar links - Display format: 'Refund | MEV: X.XX ETH | Gas: X.XX ETH' with separators - Include click handler redirecting to Dune analytics dashboard - Responsive design with mobile hide behavior - Robust error handling with graceful degradation Technical implementation: - Multi-metric layout with proper flex alignment and baseline typography - Custom navbar component following Docusaurus integration patterns - Server-side rendering compatible with runtime feature flag control - Minimal CSS leveraging framework styles for consistent appearance
odysseus0
force-pushed
the
feat/mev-refund-metrics-widget
branch
from
affd7b5 to
86c15de
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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
Changes
New MEV metrics widget component (
src/components/MevMetrics.tsx)https://refund-metrics-dune-api.vercel.app/api/metricsNavbar integration
Testing
yarn startScreenshots
Widget displaying in navbar:
🤖 Generated with Claude Code