rodrigo/budget-view-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Calendar transaction color

Browse Source 
Corrects the transaction color in the calendar view.  Expenses are now displayed in red, and income is displayed in green.
This commit is contained in:
gpt-engineer-app[bot] 2025-05-18 02:31:01 +00:00
parent 98fb2f72ec
commit 0a14aec425
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/Calendario.tsx
View File

@ -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>