mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-07-09 19:36:02 +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>
83 lines
2.8 KiB
TypeScript
83 lines
2.8 KiB
TypeScript
import { RiBankCard2Line } from "@remixicon/react";
|
|
import { connection } from "next/server";
|
|
import { CardCategoryBreakdown } from "@/features/reports/components/cards/card-category-breakdown";
|
|
import { CardInvoiceStatus } from "@/features/reports/components/cards/card-invoice-status";
|
|
import { CardTopExpenses } from "@/features/reports/components/cards/card-top-expenses";
|
|
import { CardUsageChart } from "@/features/reports/components/cards/card-usage-chart";
|
|
import { CardsOverview } from "@/features/reports/components/cards/cards-overview";
|
|
import { fetchCartoesReportData } from "@/features/reports/lib/cards-report-queries";
|
|
import MonthNavigation from "@/shared/components/month-picker/month-navigation";
|
|
import { Card } from "@/shared/components/ui/card";
|
|
import { getUser } from "@/shared/lib/auth/server";
|
|
import { parsePeriodParam } from "@/shared/utils/period";
|
|
|
|
type PageSearchParams = Promise<Record<string, string | string[] | undefined>>;
|
|
|
|
type PageProps = {
|
|
searchParams?: PageSearchParams;
|
|
};
|
|
|
|
const getSingleParam = (
|
|
params: Record<string, string | string[] | undefined> | undefined,
|
|
key: string,
|
|
) => {
|
|
const value = params?.[key];
|
|
if (!value) return null;
|
|
return Array.isArray(value) ? (value[0] ?? null) : value;
|
|
};
|
|
|
|
export default async function RelatorioCartoesPage({
|
|
searchParams,
|
|
}: PageProps) {
|
|
await connection();
|
|
const user = await getUser();
|
|
const resolvedSearchParams = searchParams ? await searchParams : undefined;
|
|
const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
|
|
const cartaoParam = getSingleParam(resolvedSearchParams, "cartao");
|
|
const { period: selectedPeriod } = parsePeriodParam(periodoParam);
|
|
|
|
const data = await fetchCartoesReportData(
|
|
user.id,
|
|
selectedPeriod,
|
|
cartaoParam,
|
|
);
|
|
|
|
return (
|
|
<main className="flex flex-col gap-4">
|
|
<MonthNavigation />
|
|
|
|
<CardsOverview data={data} />
|
|
|
|
{data.selectedCard ? (
|
|
<>
|
|
<CardUsageChart
|
|
data={data.selectedCard.monthlyUsage}
|
|
limit={data.selectedCard.card.limit}
|
|
card={{
|
|
name: data.selectedCard.card.name,
|
|
logo: data.selectedCard.card.logo,
|
|
}}
|
|
/>
|
|
|
|
<CardInvoiceStatus data={data.selectedCard.invoiceStatus} />
|
|
|
|
<div className="grid gap-4 md:grid-cols-2">
|
|
<CardCategoryBreakdown data={data.selectedCard.categoryBreakdown} />
|
|
<CardTopExpenses data={data.selectedCard.topExpenses} />
|
|
</div>
|
|
</>
|
|
) : (
|
|
<Card className="flex flex-col items-center justify-center py-16 text-center">
|
|
<div className="flex size-14 items-center justify-center rounded-full bg-muted mb-4">
|
|
<RiBankCard2Line className="size-7 text-muted-foreground" />
|
|
</div>
|
|
<p className="text-base font-semibold">Nenhum cartão selecionado</p>
|
|
<p className="text-sm text-muted-foreground mt-1">
|
|
Selecione um cartão para ver os detalhes de uso.
|
|
</p>
|
|
</Card>
|
|
)}
|
|
</main>
|
|
);
|
|
}
|