mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-05-09 02:51:46 +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>
58 lines
2.0 KiB
TypeScript
58 lines
2.0 KiB
TypeScript
import { Skeleton } from "@/shared/components/ui/skeleton";
|
|
|
|
/**
|
|
* Loading state para a página de pessoas
|
|
* Layout: Header + Input de compartilhamento + Grid de cards
|
|
*/
|
|
export default function PayersLoading() {
|
|
return (
|
|
<main className="flex flex-col items-start gap-6">
|
|
<div className="w-full space-y-6">
|
|
{/* Input de código de compartilhamento */}
|
|
<div className="rounded-md border p-4 space-y-3">
|
|
<Skeleton className="h-5 w-64 rounded-md bg-foreground/10" />
|
|
<div className="flex gap-2">
|
|
<Skeleton className="h-10 flex-1 rounded-md bg-foreground/10" />
|
|
<Skeleton className="h-10 w-32 rounded-md bg-foreground/10" />
|
|
</div>
|
|
</div>
|
|
|
|
{/* Grid de cards de pessoas */}
|
|
<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
|
|
{Array.from({ length: 6 }).map((_, i) => (
|
|
<div key={i} className="rounded-md border p-6 space-y-4">
|
|
{/* Avatar + Nome + Badge */}
|
|
<div className="flex items-start gap-4">
|
|
<Skeleton className="size-16 rounded-full bg-foreground/10" />
|
|
<div className="flex-1 space-y-2">
|
|
<Skeleton className="h-6 w-32 rounded-md bg-foreground/10" />
|
|
<Skeleton className="h-5 w-20 rounded-md bg-foreground/10" />
|
|
</div>
|
|
{i === 0 && (
|
|
<Skeleton className="h-6 w-16 rounded-md bg-foreground/10" />
|
|
)}
|
|
</div>
|
|
|
|
{/* Email */}
|
|
<Skeleton className="h-4 w-full rounded-md bg-foreground/10" />
|
|
|
|
{/* Status */}
|
|
<div className="flex items-center gap-2">
|
|
<Skeleton className="size-2 rounded-full bg-foreground/10" />
|
|
<Skeleton className="h-4 w-16 rounded-md bg-foreground/10" />
|
|
</div>
|
|
|
|
{/* Botões de ação */}
|
|
<div className="flex gap-2 pt-2 border-t">
|
|
<Skeleton className="h-9 flex-1 rounded-md bg-foreground/10" />
|
|
<Skeleton className="h-9 w-9 rounded-md bg-foreground/10" />
|
|
<Skeleton className="h-9 w-9 rounded-md bg-foreground/10" />
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
);
|
|
}
|