refactor: faxina arquitetural — código morto, identificadores em inglês e estrutura padronizada

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>
This commit is contained in:
Felipe Coutinho
2026-05-06 18:42:54 +00:00
parent b9b843b9db
commit 7d0781b035
229 changed files with 415 additions and 872 deletions

View File

@@ -0,0 +1,53 @@
import type { ReactNode } from "react";
import {
Empty,
EmptyContent,
EmptyDescription,
EmptyHeader,
EmptyMedia,
EmptyTitle,
} from "@/shared/components/ui/empty";
import { cn } from "@/shared/utils/ui";
interface EmptyStateProps {
title: ReactNode;
description?: ReactNode;
action?: ReactNode;
media?: ReactNode;
mediaVariant?: "default" | "icon";
className?: string;
contentClassName?: string;
children?: ReactNode;
}
export function EmptyState({
title,
description,
media,
mediaVariant = "default",
className,
contentClassName,
children,
}: EmptyStateProps) {
const hasContent = Boolean(children);
return (
<Empty className={cn("w-full max-w-xl min-h-[320px]", className)}>
<EmptyHeader>
{media ? (
<EmptyMedia variant={mediaVariant} className="mb-0">
{media}
</EmptyMedia>
) : null}
<EmptyTitle>{title}</EmptyTitle>
{description ? (
<EmptyDescription>{description}</EmptyDescription>
) : null}
</EmptyHeader>
{hasContent ? (
<EmptyContent className={cn(contentClassName)}>{children}</EmptyContent>
) : null}
</Empty>
);
}

View File

@@ -0,0 +1,109 @@
"use client";
import { RiCheckboxCircleFill } from "@remixicon/react";
import confetti from "canvas-confetti";
import { useEffect } from "react";
import { Button } from "@/shared/components/ui/button";
import {
DialogDescription,
DialogFooter,
DialogTitle,
} from "@/shared/components/ui/dialog";
// Tons baseados na primary: oklch(72% 0.163 50) ≈ laranja quente
const PRIMARY_CONFETTI_COLORS = [
"#e07a3a", // primary base
"#f5a870", // primary claro
"#ffd4a8", // primary muito claro
"#b85520", // primary escuro
"#8a3a10", // primary muito escuro
"#f5c896", // tom pastel
];
type PaymentSuccessProps = {
title: string;
description: string;
onClose: () => void;
};
export function PaymentSuccess({
title,
description,
onClose,
}: PaymentSuccessProps) {
useEffect(() => {
const origin = { x: 0.5, y: 0.4 };
confetti({
particleCount: 80,
spread: 70,
origin,
colors: PRIMARY_CONFETTI_COLORS,
startVelocity: 28,
gravity: 1.2,
scalar: 0.9,
ticks: 200,
});
const t1 = setTimeout(() => {
confetti({
particleCount: 40,
spread: 50,
origin: { x: 0.3, y: 0.45 },
colors: PRIMARY_CONFETTI_COLORS,
startVelocity: 22,
gravity: 1.1,
scalar: 0.8,
ticks: 180,
});
}, 150);
const t2 = setTimeout(() => {
confetti({
particleCount: 40,
spread: 50,
origin: { x: 0.7, y: 0.45 },
colors: PRIMARY_CONFETTI_COLORS,
startVelocity: 22,
gravity: 1.1,
scalar: 0.8,
ticks: 180,
});
}, 250);
return () => {
clearTimeout(t1);
clearTimeout(t2);
};
}, []);
return (
<div className="flex flex-col items-center gap-6 px-2 py-8 text-center">
<div className="relative flex items-center justify-center">
{/* Anel de pulso */}
<span className="absolute inline-flex size-24 animate-ping rounded-full bg-primary opacity-10" />
<span className="absolute inline-flex size-20 rounded-full bg-primary/15" />
<div className="relative flex size-16 items-center justify-center rounded-full bg-primary shadow-lg shadow-primary/30">
<RiCheckboxCircleFill className="size-8 text-primary-foreground" />
</div>
</div>
<div className="space-y-2">
<DialogTitle className="text-xl font-semibold">{title}</DialogTitle>
<DialogDescription className="text-sm leading-relaxed">
{description}
</DialogDescription>
</div>
<DialogFooter className="w-full sm:justify-center">
<Button
type="button"
onClick={onClose}
className="w-full sm:w-auto sm:min-w-32"
>
Fechar
</Button>
</DialogFooter>
</div>
);
}

View File

@@ -0,0 +1,19 @@
import { cn } from "@/shared/utils";
type StatusDotProps = {
color: string;
className?: string;
};
export default function StatusDot({ color, className }: StatusDotProps) {
return (
<span
className={cn(
"inline-block size-2 shrink-0 rounded-full",
color,
className,
)}
aria-hidden="true"
/>
);
}