30 lines
920 B
TypeScript
30 lines
920 B
TypeScript
import { Card } from './ui'
|
|
|
|
interface SeriesStatsProps {
|
|
sponsoring: number
|
|
purchases: number
|
|
reviewTips: number
|
|
}
|
|
|
|
function formatSats(value: number): string {
|
|
return `${value} sats`
|
|
}
|
|
|
|
export function SeriesStats({ sponsoring, purchases, reviewTips }: SeriesStatsProps): React.ReactElement {
|
|
const items = [
|
|
{ label: 'Sponsoring (hors frais)', value: formatSats(sponsoring) },
|
|
{ label: 'Paiements articles (hors frais)', value: formatSats(purchases) },
|
|
{ label: 'Remerciements critiques (hors frais)', value: formatSats(reviewTips) },
|
|
]
|
|
return (
|
|
<div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
|
|
{items.map((item) => (
|
|
<Card key={item.label} variant="default" className="bg-white text-sm">
|
|
<div className="text-gray-600">{item.label}</div>
|
|
<div className="font-semibold text-gray-900">{item.value}</div>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|