mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-06-10 07:16:01 +00:00
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:
53
src/shared/components/feedback/empty-state.tsx
Normal file
53
src/shared/components/feedback/empty-state.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
109
src/shared/components/feedback/payment-success.tsx
Normal file
109
src/shared/components/feedback/payment-success.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
19
src/shared/components/feedback/status-dot.tsx
Normal file
19
src/shared/components/feedback/status-dot.tsx
Normal 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"
|
||||
/>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user