diff --git a/ui/app/usage/page.tsx b/ui/app/usage/page.tsx index f2289f9e..69673470 100644 --- a/ui/app/usage/page.tsx +++ b/ui/app/usage/page.tsx @@ -137,7 +137,7 @@ export default function UsagePage() { ) : metricsData && metricsData.metrics.length > 0 ? ( <> & { timestamp: string }>} title='Request Volume' dataKeys={[ { @@ -164,7 +164,7 @@ export default function UsagePage() { refunds_sats: m.refunds_msats / 1000, net_revenue_sats: (m.revenue_msats - m.refunds_msats) / 1000, - }))} + })) as Array & { timestamp: string }>} title='Revenue Over Time (sats)' dataKeys={[ { @@ -185,7 +185,7 @@ export default function UsagePage() { ]} /> & { timestamp: string }>} title='Error Tracking' dataKeys={[ { @@ -206,7 +206,7 @@ export default function UsagePage() { ]} /> & { timestamp: string }>} title='Payment Activity' dataKeys={[ { diff --git a/ui/components/usage-metrics-chart.tsx b/ui/components/usage-metrics-chart.tsx index 29059af6..294d5e56 100644 --- a/ui/components/usage-metrics-chart.tsx +++ b/ui/components/usage-metrics-chart.tsx @@ -11,13 +11,12 @@ import { Legend, CartesianGrid, } from 'recharts'; -import { UsageMetricData } from '@/lib/api/services/admin'; interface UsageMetricsChartProps { - data: UsageMetricData[]; + data: Array & { timestamp: string }>; title: string; dataKeys: Array<{ - key: keyof UsageMetricData; + key: string; name: string; color: string; }>; diff --git a/ui/lib/api/services/admin.ts b/ui/lib/api/services/admin.ts index c56f5b55..067d0a51 100644 --- a/ui/lib/api/services/admin.ts +++ b/ui/lib/api/services/admin.ts @@ -859,6 +859,7 @@ export interface UsageMetricData { upstream_errors: number; revenue_msats: number; refunds_msats: number; + [key: string]: unknown; } export interface UsageMetrics {