37 lines
822 B
TypeScript
37 lines
822 B
TypeScript
"use client"
|
|
|
|
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
|
|
import { LineChart } from "@/components/charts/line-chart"
|
|
import type { ChartDataPoint } from "@/types/dashboard"
|
|
|
|
interface RevenueChartProps {
|
|
data: ChartDataPoint[]
|
|
}
|
|
|
|
export function RevenueChart({ data }: RevenueChartProps) {
|
|
const chartData = {
|
|
labels: data.map((d) => d.label),
|
|
datasets: [
|
|
{
|
|
label: "Revenue",
|
|
data: data.map((d) => d.value),
|
|
},
|
|
{
|
|
label: "Subscriptions",
|
|
data: data.map((d) => d.secondaryValue || 0),
|
|
},
|
|
],
|
|
}
|
|
|
|
return (
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle>Revenue Overview</CardTitle>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<LineChart data={chartData} height={350} />
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
}
|