forked from git.gladyson/openmonetis
BREAKING CHANGE: Remove feature de seleção de período das preferências do usuário
Alterações principais:
- Adiciona sistema completo de relatórios por categoria
- Cria página /relatorios/categorias com filtros e visualizações
- Implementa tabela e gráfico de evolução mensal
- Adiciona funcionalidade de exportação de dados
- Cria skeleton otimizado para melhor UX de loading
- Remove feature de seleção de período das preferências
- Deleta lib/user-preferences/period.ts
- Remove colunas periodMonthsBefore e periodMonthsAfter do schema
- Remove todas as referências em 16+ arquivos
- Atualiza database schema via Drizzle
- Substitui Select de período por MonthPicker visual
- Implementa componente PeriodPicker reutilizável
- Integra shadcn MonthPicker customizado (português, Remix icons)
- Substitui createMonthOptions em todos os formulários
- Mantém formato "YYYY-MM" no banco de dados
- Melhora design da tabela de relatórios
- Mescla colunas Categoria e Tipo em uma única coluna
- Substitui badge de tipo por dot colorido discreto
- Reduz largura da tabela em ~120px
- Atualiza skeleton para refletir nova estrutura
- Melhorias gerais de UI
- Reduz espaçamento entre títulos da sidebar (p-2 → px-2 py-1)
- Adiciona MonthNavigation para navegação entre períodos
- Otimiza loading states com skeletons detalhados
86 lines
2.6 KiB
TypeScript
86 lines
2.6 KiB
TypeScript
import MonthNavigation from "@/components/month-picker/month-navigation";
|
|
import { LancamentosPage } from "@/components/lancamentos/page/lancamentos-page";
|
|
import { getUserId } from "@/lib/auth/server";
|
|
import {
|
|
buildLancamentoWhere,
|
|
buildOptionSets,
|
|
buildSluggedFilters,
|
|
buildSlugMaps,
|
|
extractLancamentoSearchFilters,
|
|
fetchLancamentoFilterSources,
|
|
getSingleParam,
|
|
mapLancamentosData,
|
|
type ResolvedSearchParams,
|
|
} from "@/lib/lancamentos/page-helpers";
|
|
import { parsePeriodParam } from "@/lib/utils/period";
|
|
import { fetchLancamentos } from "./data";
|
|
import { getRecentEstablishmentsAction } from "./actions";
|
|
|
|
type PageSearchParams = Promise<ResolvedSearchParams>;
|
|
|
|
type PageProps = {
|
|
searchParams?: PageSearchParams;
|
|
};
|
|
|
|
export default async function Page({ searchParams }: PageProps) {
|
|
const userId = await getUserId();
|
|
const resolvedSearchParams = searchParams ? await searchParams : undefined;
|
|
|
|
const periodoParamRaw = getSingleParam(resolvedSearchParams, "periodo");
|
|
const { period: selectedPeriod } = parsePeriodParam(periodoParamRaw);
|
|
|
|
const searchFilters = extractLancamentoSearchFilters(resolvedSearchParams);
|
|
|
|
const filterSources = await fetchLancamentoFilterSources(userId);
|
|
|
|
const sluggedFilters = buildSluggedFilters(filterSources);
|
|
const slugMaps = buildSlugMaps(sluggedFilters);
|
|
|
|
const filters = buildLancamentoWhere({
|
|
userId,
|
|
period: selectedPeriod,
|
|
filters: searchFilters,
|
|
slugMaps,
|
|
});
|
|
|
|
const lancamentoRows = await fetchLancamentos(filters);
|
|
const lancamentosData = mapLancamentosData(lancamentoRows);
|
|
|
|
const {
|
|
pagadorOptions,
|
|
splitPagadorOptions,
|
|
defaultPagadorId,
|
|
contaOptions,
|
|
cartaoOptions,
|
|
categoriaOptions,
|
|
pagadorFilterOptions,
|
|
categoriaFilterOptions,
|
|
contaCartaoFilterOptions,
|
|
} = buildOptionSets({
|
|
...sluggedFilters,
|
|
pagadorRows: filterSources.pagadorRows,
|
|
});
|
|
|
|
const estabelecimentos = await getRecentEstablishmentsAction();
|
|
|
|
return (
|
|
<main className="flex flex-col gap-6">
|
|
<MonthNavigation />
|
|
<LancamentosPage
|
|
lancamentos={lancamentosData}
|
|
pagadorOptions={pagadorOptions}
|
|
splitPagadorOptions={splitPagadorOptions}
|
|
defaultPagadorId={defaultPagadorId}
|
|
contaOptions={contaOptions}
|
|
cartaoOptions={cartaoOptions}
|
|
categoriaOptions={categoriaOptions}
|
|
pagadorFilterOptions={pagadorFilterOptions}
|
|
categoriaFilterOptions={categoriaFilterOptions}
|
|
contaCartaoFilterOptions={contaCartaoFilterOptions}
|
|
selectedPeriod={selectedPeriod}
|
|
estabelecimentos={estabelecimentos}
|
|
/>
|
|
</main>
|
|
);
|
|
}
|