mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-03-10 04:51:47 +00:00
feat: aprimora a exibição do cartão de parcelas e ajusta a lógica de busca
- Melhora a apresentação do nome do grupo e do cartão no componente InstallmentGroupCard, utilizando um layout mais compacto. - Altera a lógica de busca na função fetchInstallmentAnalysis para incluir lançamentos parcelados apenas do pagador com a função de admin.
This commit is contained in:
@@ -67,42 +67,45 @@ export function InstallmentGroupCard({
|
||||
/>
|
||||
|
||||
<div className="min-w-0 flex-1">
|
||||
<div className="flex items-start justify-between gap-3">
|
||||
<div className="flex items-start justify-between">
|
||||
<div className="min-w-0 flex-1">
|
||||
<p className="text-sm font-bold">{group.name}</p>
|
||||
{group.cartaoName && (
|
||||
<div className="mt-0.5 flex items-center gap-1">
|
||||
{group.cartaoLogo && (
|
||||
<img
|
||||
src={`/logos/${group.cartaoLogo}`}
|
||||
alt={group.cartaoName}
|
||||
className="h-5 w-auto object-contain rounded"
|
||||
/>
|
||||
)}
|
||||
<span className="text-xs text-muted-foreground">
|
||||
{group.cartaoName}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
<div className="flex gap-1 items-center">
|
||||
{group.cartaoLogo && (
|
||||
<img
|
||||
src={`/logos/${group.cartaoLogo}`}
|
||||
alt={group.cartaoName}
|
||||
className="h-6 w-auto object-contain rounded"
|
||||
/>
|
||||
)}
|
||||
<span className="font-medium">{group.name}</span>|
|
||||
<span className="text-xs text-muted-foreground">
|
||||
{group.cartaoName}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex shrink-0 flex-col items-end gap-0.5">
|
||||
<div className="shrink-0 flex items-center gap-0.5">
|
||||
<MoneyValues
|
||||
amount={group.totalPendingAmount}
|
||||
className="text-sm font-semibold"
|
||||
className="text-base font-bold"
|
||||
/>
|
||||
|
||||
{selectedInstallments.size > 0 && (
|
||||
<span className="mx-1 text-muted-foreground">|</span>
|
||||
)}
|
||||
|
||||
{selectedInstallments.size > 0 && (
|
||||
<MoneyValues
|
||||
amount={selectedAmount}
|
||||
className="text-xs text-primary"
|
||||
className="text-base text-primary"
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Progress bar */}
|
||||
<div className="mt-2">
|
||||
<div className="mb-1 flex items-center justify-between text-xs text-muted-foreground">
|
||||
<div className="mt-3">
|
||||
<div className="mb-2 flex items-center px-1 justify-between text-xs text-muted-foreground">
|
||||
<span>
|
||||
{group.paidInstallments} de {group.totalInstallments} pagas
|
||||
</span>
|
||||
|
||||
Reference in New Issue
Block a user