feat: make redirect URL configurable and document widget setup

- Add refundMetricsRedirectUrl to customFields for configurable redirects
- Update component to use configured redirect URL
- Add comprehensive documentation to README about widget configuration
- Document that Flashbots docs shows both MEV and gas refunds, MEV clicks redirect to Protect

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: odysseus0

README.md

@@ -48,3 +48,25 @@ This command generates static content into the `build` directory and can be serv
 Create a PR and once merged, Github actions automatically deploy it.
 
 The docs use Vercel for hosting, and deployment is done by Vercel on any merge into the master branch.
+
+## Refund Metrics Widget
+
+This site displays MEV and gas refund metrics in the navbar, fetched from the [Flashbots Refund Metrics API](https://github.com/flashbots/refund-metrics-dune-api).
+
+### Configuration
+
+To configure the widget, edit `docusaurus.config.js`:
+
+```js
+customFields: {
+  refundMetricsApiUrl: 'https://refund-metrics-dune-api.vercel.app',
+  refundMetricsRedirectUrl: 'https://protect.flashbots.net/',
+},
+```
+
+- `refundMetricsApiUrl`: The API endpoint for fetching metrics
+- `refundMetricsRedirectUrl`: Where to redirect when users click on MEV refunds
+
+The widget implementation is in `src/components/MevMetrics.tsx`. For Flashbots docs, it:
+- Shows both MEV and gas refunds
+- Clicking on MEV refunds redirects to the configured URL (default: [Flashbots Protect](https://protect.flashbots.net/))

docusaurus.config.js

@@ -122,6 +122,7 @@ module.exports = async function createConfigAsync() {
     ],
     customFields: {
       refundMetricsApiUrl: 'https://refund-metrics-dune-api.vercel.app',
+      refundMetricsRedirectUrl: 'https://protect.flashbots.net/',
     },
   }
 }

src/components/MevMetrics.tsx

@@ -46,7 +46,8 @@ export default function MevMetrics(): JSX.Element {
   };
 
   const handleMevClick = () => {
-    window.open('https://protect.flashbots.net/', '_blank', 'noopener,noreferrer');
+    const redirectUrl = siteConfig.customFields?.refundMetricsRedirectUrl as string;
+    window.open(redirectUrl, '_blank', 'noopener,noreferrer');
   };
 
   return (