diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx index 9cb21dd..d0e5034 100644 --- a/src/pages/Dashboard.tsx +++ b/src/pages/Dashboard.tsx @@ -11,13 +11,20 @@ const COLORS = [ '#06b6d4', '#ec4899', '#eab308', '#6366f1', '#14b8a6' ]; -const CustomTooltip = ({ active, payload, label }: any) => { +const formatCurrency = (value: number) => { + return new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' }).format(value); +}; + +const CustomTooltip = ({ active, payload, label, isCurrency }: any) => { if (active && payload && payload.length) { const color = payload[0].payload?.fill || payload[0].color || '#9ECAE1'; + const displayLabel = label || payload[0].name; + const value = isCurrency ? formatCurrency(payload[0].value) : payload[0].value; + const valueLabel = isCurrency ? 'Receita:' : 'Vendas:'; return (
-

{label}

-

Vendas: {payload[0].value}

+

{displayLabel}

+

{valueLabel} {value}

); }