From c15de19180d46a5e4c3f56a69a4d5ec8d234316b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 6 May 2026 17:24:11 -0300
Subject: [PATCH] feat: display revenue as currency in PieChart tooltip

---
 src/pages/Dashboard.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

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 (
       <div className="bg-[#141414] p-3 rounded-xl shadow-lg border-none">
-        <p className="font-bold mb-1" style={{ color }}>{label}</p>
-        <p className="text-[#ededed] m-0">Vendas: {payload[0].value}</p>
+        <p className="font-bold mb-1" style={{ color }}>{displayLabel}</p>
+        <p className="text-[#ededed] m-0">{valueLabel} {value}</p>
       </div>
     );
   }