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:
Felipe Coutinho
2025-11-23 14:52:22 -03:00
parent e8a343a6dd
commit a34d92f3bd
2 changed files with 29 additions and 23 deletions

View File

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