From 0a14aec42523b810c03b59d985782c5627869c0d Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 18 May 2025 02:31:01 +0000
Subject: [PATCH] Fix: Calendar transaction color

Corrects the transaction color in the calendar view.  Expenses are now displayed in red, and income is displayed in green.
---
 src/pages/Calendario.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Calendario.tsx b/src/pages/Calendario.tsx
index d8a68ec..7e0110d 100644
--- a/src/pages/Calendario.tsx
+++ b/src/pages/Calendario.tsx
@@ -123,15 +123,15 @@ const CalendarioPage = () => {
                     <div key={transaction.id} className="p-4 border rounded-md hover:bg-muted/50 transition-colors">
                       <div className="flex justify-between items-center mb-1">
                         <div className="font-medium">{transaction.estabelecimento}</div>
-                        <Badge variant={transaction.tipo === 'entrada' ? "success" : "destructive"}>
-                          {transaction.tipo === 'entrada' ? 'Receita' : 'Despesa'}
+                        <Badge variant={transaction.tipo.toLowerCase() === 'entrada' ? "success" : "destructive"}>
+                          {transaction.tipo.toLowerCase() === 'entrada' ? 'Receita' : 'Despesa'}
                         </Badge>
                       </div>
                       <div className="text-sm text-muted-foreground mb-2">{transaction.detalhes}</div>
                       <div className="flex justify-between">
                         <Badge variant="outline">{transaction.categoria}</Badge>
-                        <span className={transaction.tipo === 'entrada' ? "text-finance-green font-medium" : "text-finance-red font-medium"}>
-                          {transaction.tipo === 'entrada' ? '+' : '-'}{formatCurrency(Math.abs(transaction.valor))}
+                        <span className={transaction.tipo.toLowerCase() === 'entrada' ? "text-finance-green font-medium" : "text-finance-red font-medium"}>
+                          {transaction.tipo.toLowerCase() === 'entrada' ? '+' : '-'}{formatCurrency(Math.abs(transaction.valor))}
                         </span>
                       </div>
                     </div>