mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-07-10 03:46: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:
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user