mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-06-09 23:06:01 +00:00
7d0781b035
Refatoração estrutural sem mudanças funcionais. Saldo líquido: −428 linhas. Removido: - 14 funções/constantes mortas verificadas via grep no repo todo: validateCategoriaOwnership, getInstallmentAnticipationsAction, getAnticipationDetailsAction, formatDecimalForDb, currencyFormatterNoCents, optionalDecimalSchema, formatMonthLabel, getGoalProgressStatusColorClass, MONTH_PERIOD_PARAM, calculateRemainingInstallments, e 5 funções fetch* não usadas em inbox/queries.ts. - 1 tipo morto (ImportRow) + 2 órfãos consequentes (InstallmentAnticipationWithRelations, GoalProgressStatus convertido em interno). - ~30 export keywords desnecessários (símbolos usados apenas no próprio arquivo). - Re-exports mortos em barrels: EstablishmentLogoPicker, CategoryReportSkeleton, WidgetSkeleton, toNameKey. - Arquivo features/reports/types.ts (barrel inteiro era órfão). Padronizado (PT-BR→EN em identificadores expostos): - 4 constantes globais (LANCAMENTOS_* → TRANSACTIONS_*). - 12 tipos/interfaces (Lancamento*/Pagador*/Estabelecimento* → equivalentes EN). - 13 funções/components exportados (fetchPagador*, EstabelecimentoInput, PagadorInfoCard, etc.). - 5 props cross-file (preLancamentosCount → inboxPendingCount, pagadorAvatarUrl → payerAvatarUrl, etc.). - Mantidas em PT-BR conforme exceção do CLAUDE.md: variáveis locais (pagador, categoria, lancamento), accessor key pagadorName (persistida em preferências), strings de UI. Reorganizado: - transactions/: 14 helpers soltos na raiz movidos para lib/; barrel actions.ts reduzido de 76 linhas de wrappers para 14 linhas de re-exports puros; anticipation-actions.ts movido para actions/anticipation.ts. - dashboard/: 8 helpers soltos consolidados em dashboard/lib/. - reports/: 5 query files na raiz consolidados em reports/lib/. - payers/: detail-actions.ts (21KB) e detail-queries.ts movidos para payers/lib/. - shared/components/: 9 dos 16 componentes soltos agrupados em brand/, widgets/, feedback/. - shared/lib/fetch-json.ts movido para shared/utils/fetch-json.ts. Validação: pnpm exec tsc --noEmit (0 erros), biome check (0 issues), knip (sem unused). Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
98 lines
3.0 KiB
TypeScript
98 lines
3.0 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
RiExternalLinkLine,
|
|
RiGroupLine,
|
|
RiVerifiedBadgeFill,
|
|
} from "@remixicon/react";
|
|
import Link from "next/link";
|
|
import { PercentageChangeIndicator } from "@/features/dashboard/components/percentage-change-indicator";
|
|
import type { DashboardPagador } from "@/features/dashboard/lib/payers-queries";
|
|
import MoneyValues from "@/shared/components/money-values";
|
|
import {
|
|
Avatar,
|
|
AvatarFallback,
|
|
AvatarImage,
|
|
} from "@/shared/components/ui/avatar";
|
|
import { WidgetEmptyState } from "@/shared/components/widgets/widget-empty-state";
|
|
import { getAvatarSrc } from "@/shared/lib/payers/utils";
|
|
import { buildInitials } from "@/shared/utils/initials";
|
|
|
|
type PayersWidgetProps = {
|
|
payers: DashboardPagador[];
|
|
};
|
|
|
|
export function PayersWidget({ payers }: PayersWidgetProps) {
|
|
return (
|
|
<div className="flex flex-col">
|
|
{payers.length === 0 ? (
|
|
<WidgetEmptyState
|
|
icon={<RiGroupLine className="size-6 text-muted-foreground" />}
|
|
title="Nenhuma pessoa para o período"
|
|
description="Quando houver despesas associadas a pessoas, elas aparecerão aqui."
|
|
/>
|
|
) : (
|
|
<div className="flex flex-col">
|
|
{payers.map((payer) => {
|
|
const initials = buildInitials(payer.name);
|
|
const hasValidPercentageChange =
|
|
typeof payer.percentageChange === "number" &&
|
|
Number.isFinite(payer.percentageChange);
|
|
const percentageChange = hasValidPercentageChange
|
|
? payer.percentageChange
|
|
: null;
|
|
|
|
return (
|
|
<div
|
|
key={payer.id}
|
|
className="flex items-center justify-between transition-all duration-300 py-1.5"
|
|
>
|
|
<div className="flex min-w-0 flex-1 items-center gap-2 py-1">
|
|
<Avatar className="size-9.5 shrink-0">
|
|
<AvatarImage
|
|
src={getAvatarSrc(payer.avatarUrl)}
|
|
alt={`Avatar de ${payer.name}`}
|
|
/>
|
|
<AvatarFallback>{initials}</AvatarFallback>
|
|
</Avatar>
|
|
|
|
<div className="min-w-0">
|
|
<Link
|
|
prefetch
|
|
href={`/payers/${payer.id}`}
|
|
className="inline-flex max-w-full items-center gap-1 text-sm text-foreground underline-offset-2 hover:text-primary hover:underline"
|
|
>
|
|
<span className="truncate font-medium">{payer.name}</span>
|
|
{payer.isAdmin && (
|
|
<RiVerifiedBadgeFill
|
|
className="size-4 shrink-0 text-blue-500"
|
|
aria-hidden
|
|
/>
|
|
)}
|
|
<RiExternalLinkLine
|
|
className="size-3 shrink-0 text-muted-foreground"
|
|
aria-hidden
|
|
/>
|
|
</Link>
|
|
<p className="truncate text-xs text-muted-foreground">
|
|
{payer.email ?? "Sem email cadastrado"}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex shrink-0 flex-col items-end">
|
|
<MoneyValues
|
|
className="font-medium"
|
|
amount={payer.totalExpenses}
|
|
/>
|
|
<PercentageChangeIndicator value={percentageChange} />
|
|
</div>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|