From f640990912fff47267c6d5db2138d1c955ecb578 Mon Sep 17 00:00:00 2001 From: Felipe Coutinho Date: Sat, 21 Feb 2026 21:27:37 +0000 Subject: [PATCH] =?UTF-8?q?chore:=20remover=20p=C3=A1ginas=20estabelecimen?= =?UTF-8?q?tos=20e=20gastos-por-categoria?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove /estabelecimentos e todos seus componentes e actions - Remove /relatorios/gastos-por-categoria e seus arquivos - Remove tabela `estabelecimentos` do schema e migration 0019 - Remove nav items de ambas as features do sidebar - Reverte widget expenses-by-category ao estado original - Remove filtro de estabelecimento dos lançamentos (filters, table, page-helpers) - Reverte getRecentEstablishmentsAction para query apenas em lancamentos - Limpa CHANGELOG removendo entradas das features removidas --- CHANGELOG.md | 11 - app/(dashboard)/estabelecimentos/actions.ts | 102 ------ app/(dashboard)/estabelecimentos/data.ts | 66 ---- app/(dashboard)/estabelecimentos/layout.tsx | 23 -- app/(dashboard)/estabelecimentos/loading.tsx | 19 - app/(dashboard)/estabelecimentos/page.tsx | 14 - app/(dashboard)/lancamentos/actions.ts | 78 ++-- .../gastos-por-categoria/layout.tsx | 23 -- .../gastos-por-categoria/loading.tsx | 30 -- .../relatorios/gastos-por-categoria/page.tsx | 100 ------ ...expenses-by-category-widget-with-chart.tsx | 334 +++++++----------- .../estabelecimento-create-dialog.tsx | 97 ----- .../estabelecimentos-page.tsx | 154 -------- .../lancamentos/page/lancamentos-page.tsx | 1 - .../lancamentos/table/lancamentos-filters.tsx | 54 +-- .../lancamentos/table/lancamentos-table.tsx | 3 - components/sidebar/nav-link.tsx | 12 - db/schema.ts | 35 -- drizzle/0019_add_estabelecimentos.sql | 16 - lib/lancamentos/page-helpers.ts | 6 - 20 files changed, 155 insertions(+), 1023 deletions(-) delete mode 100644 app/(dashboard)/estabelecimentos/actions.ts delete mode 100644 app/(dashboard)/estabelecimentos/data.ts delete mode 100644 app/(dashboard)/estabelecimentos/layout.tsx delete mode 100644 app/(dashboard)/estabelecimentos/loading.tsx delete mode 100644 app/(dashboard)/estabelecimentos/page.tsx delete mode 100644 app/(dashboard)/relatorios/gastos-por-categoria/layout.tsx delete mode 100644 app/(dashboard)/relatorios/gastos-por-categoria/loading.tsx delete mode 100644 app/(dashboard)/relatorios/gastos-por-categoria/page.tsx delete mode 100644 components/estabelecimentos/estabelecimento-create-dialog.tsx delete mode 100644 components/estabelecimentos/estabelecimentos-page.tsx delete mode 100644 drizzle/0019_add_estabelecimentos.sql diff --git a/CHANGELOG.md b/CHANGELOG.md index 4c89aa4..be1368c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,25 +24,15 @@ e este projeto adere ao [Versionamento Semântico](https://semver.org/lang/pt-BR ## [1.6.1] - 2026-02-18 -### Adicionado - -- Aba "Estabelecimentos" no menu lateral (Gestão Financeira): listagem de estabelecimentos com quantidade de lançamentos, criação de novos, exclusão (apenas quando não há lançamentos vinculados) e link "Ver vinculados" para lançamentos filtrados pelo estabelecimento -- Tabela `estabelecimentos` (migration 0019) e sugestões de estabelecimento nos lançamentos passam a incluir nomes cadastrados nessa tabela -- Filtro "Estabelecimento" no drawer de Filtros da página de lançamentos; parâmetro `estabelecimento` na URL para filtrar por nome - ### Alterado - Transferências entre contas: nome do estabelecimento passa a ser "Saída - Transf. entre contas" na saída e "Entrada - Transf. entre contas" na entrada e adicionando em anotação no formato "de {conta origem} -> {conta destino}" -- Gráfico de pizza (Gastos por categoria): cores das fatias alinhadas às cores dos ícones das categorias na lista (paleta `getCategoryColor`) - ChartContainer (Recharts): renderização do gráfico apenas após montagem no cliente e uso de `minWidth`/`minHeight` no ResponsiveContainer para evitar aviso "width(-1) and height(-1)" no console ## [1.6.0] - 2026-02-18 ### Adicionado -- Item "Gastos por categoria" no menu lateral (seção Análise), com link para `/relatorios/gastos-por-categoria` -- Gráfico de pizza moderno (estilo donut) na página Gastos por categoria: fatias com espaçamento, labels de percentual nas fatias maiores, legenda ao lado -- Fatias do gráfico e itens da legenda clicáveis — navegam para a página de detalhe da categoria no período selecionado - Preferência "Anotações em coluna" em Ajustes > Extrato e lançamentos: quando ativa, a anotação dos lançamentos aparece em coluna na tabela; quando inativa, permanece no balão (tooltip) no ícone - Preferência "Ordem das colunas" em Ajustes > Extrato e lançamentos: lista ordenável por arraste para definir a ordem das colunas na tabela do extrato e dos lançamentos (Estabelecimento, Transação, Valor, etc.); a linha inteira é arrastável - Coluna `extrato_note_as_column` e `lancamentos_column_order` na tabela `preferencias_usuario` (migrations 0017 e 0018) @@ -50,7 +40,6 @@ e este projeto adere ao [Versionamento Semântico](https://semver.org/lang/pt-BR ### Alterado -- Tooltip do gráfico de pizza em Gastos por categoria oculto no mobile (evita informação flutuante em telas pequenas) - Header do dashboard fixo apenas no mobile (`fixed top-0` com `md:static`); conteúdo com `pt-12 md:pt-0` para não ficar sob o header - Abas da página Ajustes (Preferências, Companion, etc.): no mobile, rolagem horizontal com seta indicando mais opções à direita; scrollbar oculta - Botões "Novo orçamento" e "Copiar orçamentos do último mês": no mobile, rolagem horizontal (`h-8`, `text-xs`) diff --git a/app/(dashboard)/estabelecimentos/actions.ts b/app/(dashboard)/estabelecimentos/actions.ts deleted file mode 100644 index 4b1f38d..0000000 --- a/app/(dashboard)/estabelecimentos/actions.ts +++ /dev/null @@ -1,102 +0,0 @@ -"use server"; - -import { and, eq } from "drizzle-orm"; -import { z } from "zod"; -import { estabelecimentos, lancamentos } from "@/db/schema"; -import { - type ActionResult, - handleActionError, - revalidateForEntity, -} from "@/lib/actions/helpers"; -import { getUser } from "@/lib/auth/server"; -import { db } from "@/lib/db"; -import { uuidSchema } from "@/lib/schemas/common"; - -const createSchema = z.object({ - name: z - .string({ message: "Informe o nome do estabelecimento." }) - .trim() - .min(1, "Informe o nome do estabelecimento."), -}); - -const deleteSchema = z.object({ - id: uuidSchema("Estabelecimento"), -}); - -export async function createEstabelecimentoAction( - input: z.infer, -): Promise { - try { - const user = await getUser(); - const data = createSchema.parse(input); - - await db.insert(estabelecimentos).values({ - name: data.name, - userId: user.id, - }); - - revalidateForEntity("estabelecimentos"); - - return { success: true, message: "Estabelecimento criado com sucesso." }; - } catch (error) { - return handleActionError(error); - } -} - -export async function deleteEstabelecimentoAction( - input: z.infer, -): Promise { - try { - const user = await getUser(); - const data = deleteSchema.parse(input); - - const row = await db.query.estabelecimentos.findFirst({ - columns: { id: true, name: true }, - where: and( - eq(estabelecimentos.id, data.id), - eq(estabelecimentos.userId, user.id), - ), - }); - - if (!row) { - return { - success: false, - error: "Estabelecimento não encontrado.", - }; - } - - const [linked] = await db - .select({ id: lancamentos.id }) - .from(lancamentos) - .where( - and( - eq(lancamentos.userId, user.id), - eq(lancamentos.name, row.name), - ), - ) - .limit(1); - - if (linked) { - return { - success: false, - error: - "Não é possível excluir: existem lançamentos vinculados a este estabelecimento. Remova ou altere os lançamentos primeiro.", - }; - } - - await db - .delete(estabelecimentos) - .where( - and( - eq(estabelecimentos.id, data.id), - eq(estabelecimentos.userId, user.id), - ), - ); - - revalidateForEntity("estabelecimentos"); - - return { success: true, message: "Estabelecimento excluído com sucesso." }; - } catch (error) { - return handleActionError(error); - } -} diff --git a/app/(dashboard)/estabelecimentos/data.ts b/app/(dashboard)/estabelecimentos/data.ts deleted file mode 100644 index fb2940f..0000000 --- a/app/(dashboard)/estabelecimentos/data.ts +++ /dev/null @@ -1,66 +0,0 @@ -import { count, eq } from "drizzle-orm"; -import { estabelecimentos, lancamentos } from "@/db/schema"; -import { db } from "@/lib/db"; - -export type EstabelecimentoRow = { - name: string; - lancamentosCount: number; - estabelecimentoId: string | null; -}; - -export async function fetchEstabelecimentosForUser( - userId: string, -): Promise { - const [countsByName, estabelecimentosRows] = await Promise.all([ - db - .select({ - name: lancamentos.name, - count: count().as("count"), - }) - .from(lancamentos) - .where(eq(lancamentos.userId, userId)) - .groupBy(lancamentos.name), - db.query.estabelecimentos.findMany({ - columns: { id: true, name: true }, - where: eq(estabelecimentos.userId, userId), - }), - ]); - - const map = new Map< - string, - { lancamentosCount: number; estabelecimentoId: string | null } - >(); - - for (const row of countsByName) { - const name = row.name?.trim(); - if (name == null || name.length === 0) continue; - map.set(name, { - lancamentosCount: Number(row.count ?? 0), - estabelecimentoId: null, - }); - } - - for (const row of estabelecimentosRows) { - const name = row.name?.trim(); - if (name == null || name.length === 0) continue; - const existing = map.get(name); - if (existing) { - existing.estabelecimentoId = row.id; - } else { - map.set(name, { - lancamentosCount: 0, - estabelecimentoId: row.id, - }); - } - } - - return Array.from(map.entries()) - .map(([name, data]) => ({ - name, - lancamentosCount: data.lancamentosCount, - estabelecimentoId: data.estabelecimentoId, - })) - .sort((a, b) => - a.name.localeCompare(b.name, "pt-BR", { sensitivity: "base" }), - ); -} diff --git a/app/(dashboard)/estabelecimentos/layout.tsx b/app/(dashboard)/estabelecimentos/layout.tsx deleted file mode 100644 index 8c5ec5a..0000000 --- a/app/(dashboard)/estabelecimentos/layout.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { RiStore2Line } from "@remixicon/react"; -import PageDescription from "@/components/page-description"; - -export const metadata = { - title: "Estabelecimentos | OpenMonetis", -}; - -export default function RootLayout({ - children, -}: { - children: React.ReactNode; -}) { - return ( -
- } - title="Estabelecimentos" - subtitle="Gerencie os estabelecimentos dos seus lançamentos. Crie novos, exclua os que não têm lançamentos vinculados e abra o que está vinculado a cada um." - /> - {children} -
- ); -} diff --git a/app/(dashboard)/estabelecimentos/loading.tsx b/app/(dashboard)/estabelecimentos/loading.tsx deleted file mode 100644 index 8f2159c..0000000 --- a/app/(dashboard)/estabelecimentos/loading.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { Skeleton } from "@/components/ui/skeleton"; - -export default function Loading() { - return ( -
-
- -
-
-
- - - - -
-
-
- ); -} diff --git a/app/(dashboard)/estabelecimentos/page.tsx b/app/(dashboard)/estabelecimentos/page.tsx deleted file mode 100644 index 71a7eba..0000000 --- a/app/(dashboard)/estabelecimentos/page.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { EstabelecimentosPage } from "@/components/estabelecimentos/estabelecimentos-page"; -import { getUserId } from "@/lib/auth/server"; -import { fetchEstabelecimentosForUser } from "./data"; - -export default async function Page() { - const userId = await getUserId(); - const rows = await fetchEstabelecimentosForUser(userId); - - return ( -
- -
- ); -} diff --git a/app/(dashboard)/lancamentos/actions.ts b/app/(dashboard)/lancamentos/actions.ts index a120b62..b6364a8 100644 --- a/app/(dashboard)/lancamentos/actions.ts +++ b/app/(dashboard)/lancamentos/actions.ts @@ -7,7 +7,6 @@ import { cartoes, categorias, contas, - estabelecimentos, lancamentos, pagadores, } from "@/db/schema"; @@ -1640,64 +1639,43 @@ export async function deleteMultipleLancamentosAction( } } -// Get unique establishment names: from estabelecimentos table + last 3 months from lancamentos +// Get unique establishment names from the last 3 months export async function getRecentEstablishmentsAction(): Promise { try { const user = await getUser(); + // Calculate date 3 months ago const threeMonthsAgo = new Date(); threeMonthsAgo.setMonth(threeMonthsAgo.getMonth() - 3); - const [estabelecimentosRows, lancamentosResults] = await Promise.all([ - db.query.estabelecimentos.findMany({ - columns: { name: true }, - where: eq(estabelecimentos.userId, user.id), - }), - db - .select({ name: lancamentos.name }) - .from(lancamentos) - .where( - and( - eq(lancamentos.userId, user.id), - gte(lancamentos.purchaseDate, threeMonthsAgo), + // Fetch establishment names from the last 3 months + const results = await db + .select({ name: lancamentos.name }) + .from(lancamentos) + .where( + and( + eq(lancamentos.userId, user.id), + gte(lancamentos.purchaseDate, threeMonthsAgo), + ), + ) + .orderBy(desc(lancamentos.purchaseDate)); + + // Remove duplicates and filter empty names + const uniqueNames = Array.from( + new Set( + results + .map((r) => r.name) + .filter( + (name): name is string => + name != null && + name.trim().length > 0 && + !name.toLowerCase().startsWith("pagamento fatura"), ), - ) - .orderBy(desc(lancamentos.purchaseDate)), - ]); + ), + ); - const fromTable = estabelecimentosRows - .map((r) => r.name) - .filter( - (name): name is string => - name != null && name.trim().length > 0, - ); - const fromLancamentos = lancamentosResults - .map((r) => r.name) - .filter( - (name): name is string => - name != null && - name.trim().length > 0 && - !name.toLowerCase().startsWith("pagamento fatura"), - ); - - const seen = new Set(); - const unique: string[] = []; - for (const name of fromTable) { - const key = name.trim(); - if (!seen.has(key)) { - seen.add(key); - unique.push(key); - } - } - for (const name of fromLancamentos) { - const key = name.trim(); - if (!seen.has(key)) { - seen.add(key); - unique.push(key); - } - } - - return unique.slice(0, 100); + // Return top 50 most recent unique establishments + return uniqueNames.slice(0, 100); } catch (error) { console.error("Error fetching recent establishments:", error); return []; diff --git a/app/(dashboard)/relatorios/gastos-por-categoria/layout.tsx b/app/(dashboard)/relatorios/gastos-por-categoria/layout.tsx deleted file mode 100644 index 9942029..0000000 --- a/app/(dashboard)/relatorios/gastos-por-categoria/layout.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { RiPieChartLine } from "@remixicon/react"; -import PageDescription from "@/components/page-description"; - -export const metadata = { - title: "Gastos por categoria | OpenMonetis", -}; - -export default function GastosPorCategoriaLayout({ - children, -}: { - children: React.ReactNode; -}) { - return ( -
- } - title="Gastos por categoria" - subtitle="Visualize suas despesas divididas por categoria no mês selecionado. Altere o mês para comparar períodos." - /> - {children} -
- ); -} diff --git a/app/(dashboard)/relatorios/gastos-por-categoria/loading.tsx b/app/(dashboard)/relatorios/gastos-por-categoria/loading.tsx deleted file mode 100644 index 895a15e..0000000 --- a/app/(dashboard)/relatorios/gastos-por-categoria/loading.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { Skeleton } from "@/components/ui/skeleton"; - -export default function GastosPorCategoriaLoading() { - return ( -
-
- -
-
- - -
-
- {Array.from({ length: 5 }).map((_, i) => ( -
-
- -
- - -
-
- -
- ))} -
-
-
- ); -} diff --git a/app/(dashboard)/relatorios/gastos-por-categoria/page.tsx b/app/(dashboard)/relatorios/gastos-por-categoria/page.tsx deleted file mode 100644 index 2fa7a57..0000000 --- a/app/(dashboard)/relatorios/gastos-por-categoria/page.tsx +++ /dev/null @@ -1,100 +0,0 @@ -import { - RiArrowDownSFill, - RiArrowUpSFill, - RiPieChartLine, -} from "@remixicon/react"; -import MonthNavigation from "@/components/month-picker/month-navigation"; -import { ExpensesByCategoryWidgetWithChart } from "@/components/dashboard/expenses-by-category-widget-with-chart"; -import MoneyValues from "@/components/money-values"; -import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; -import { getUserId } from "@/lib/auth/server"; -import { fetchExpensesByCategory } from "@/lib/dashboard/categories/expenses-by-category"; -import { calculatePercentageChange } from "@/lib/utils/math"; -import { parsePeriodParam } from "@/lib/utils/period"; - -type PageSearchParams = Promise>; - -type PageProps = { - searchParams?: PageSearchParams; -}; - -const getSingleParam = ( - params: Record | undefined, - key: string, -) => { - const value = params?.[key]; - if (!value) return null; - return Array.isArray(value) ? (value[0] ?? null) : value; -}; - -export default async function GastosPorCategoriaPage({ - searchParams, -}: PageProps) { - const userId = await getUserId(); - const resolvedSearchParams = searchParams ? await searchParams : undefined; - const periodoParam = getSingleParam(resolvedSearchParams, "periodo"); - - const { period: selectedPeriod } = parsePeriodParam(periodoParam); - - const data = await fetchExpensesByCategory(userId, selectedPeriod); - const percentageChange = calculatePercentageChange( - data.currentTotal, - data.previousTotal, - ); - const hasIncrease = percentageChange !== null && percentageChange > 0; - const hasDecrease = percentageChange !== null && percentageChange < 0; - - return ( -
- - - - - - - Resumo do mês - - - -
-
-

- Total de despesas no mês -

- -
- {percentageChange !== null && ( - - {hasIncrease && } - {hasDecrease && } - {percentageChange > 0 ? "+" : ""} - {percentageChange.toFixed(1)}% em relação ao mês anterior - - )} -
-

- Mês anterior: -

- - - - - - -
- ); -} diff --git a/components/dashboard/expenses-by-category-widget-with-chart.tsx b/components/dashboard/expenses-by-category-widget-with-chart.tsx index 904244e..669a825 100644 --- a/components/dashboard/expenses-by-category-widget-with-chart.tsx +++ b/components/dashboard/expenses-by-category-widget-with-chart.tsx @@ -4,20 +4,20 @@ import { RiArrowDownSFill, RiArrowUpSFill, RiExternalLinkLine, + RiListUnordered, + RiPieChart2Line, RiPieChartLine, RiWallet3Line, } from "@remixicon/react"; import Link from "next/link"; -import { useRouter } from "next/navigation"; -import { useMemo } from "react"; -import { Cell, Pie, PieChart, Tooltip } from "recharts"; +import { useMemo, useState } from "react"; +import { Pie, PieChart, Tooltip } from "recharts"; import { CategoryIconBadge } from "@/components/categorias/category-icon-badge"; -import { useIsMobile } from "@/hooks/use-mobile"; import MoneyValues from "@/components/money-values"; import { type ChartConfig, ChartContainer } from "@/components/ui/chart"; import type { ExpensesByCategoryData } from "@/lib/dashboard/categories/expenses-by-category"; -import { getCategoryColor } from "@/lib/utils/category-colors"; import { formatPeriodForUrl } from "@/lib/utils/period"; +import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs"; import { WidgetEmptyState } from "../widget-empty-state"; type ExpensesByCategoryWidgetWithChartProps = { @@ -35,32 +35,31 @@ const formatCurrency = (value: number) => currency: "BRL", }).format(value); -type ChartDataItem = { - category: string; - name: string; - value: number; - percentage: number; - fill: string | undefined; - href: string | undefined; -}; - export function ExpensesByCategoryWidgetWithChart({ data, period, }: ExpensesByCategoryWidgetWithChartProps) { - const router = useRouter(); - const isMobile = useIsMobile(); + const [activeTab, setActiveTab] = useState<"list" | "chart">("list"); const periodParam = formatPeriodForUrl(period); - // Configuração do chart com as mesmas cores dos ícones das categorias (getCategoryColor) + // Configuração do chart com cores do CSS const chartConfig = useMemo(() => { const config: ChartConfig = {}; + const colors = [ + "var(--chart-1)", + "var(--chart-2)", + "var(--chart-3)", + "var(--chart-4)", + "var(--chart-5)", + "var(--chart-1)", + "var(--chart-2)", + ]; if (data.categories.length <= 7) { data.categories.forEach((category, index) => { config[category.categoryId] = { label: category.categoryName, - color: getCategoryColor(index), + color: colors[index % colors.length], }; }); } else { @@ -69,80 +68,62 @@ export function ExpensesByCategoryWidgetWithChart({ top7.forEach((category, index) => { config[category.categoryId] = { label: category.categoryName, - color: getCategoryColor(index), + color: colors[index % colors.length], }; }); config.outros = { label: "Outros", - color: getCategoryColor(7), + color: "var(--chart-6)", }; } return config; }, [data.categories]); - // Preparar dados para o gráfico de pizza - Top 7 + Outros (com href para navegação) - const chartData = useMemo((): ChartDataItem[] => { - const buildItem = ( - categoryId: string, - name: string, - value: number, - percentage: number, - fill: string | undefined, - ): ChartDataItem => ({ - category: categoryId, - name, - value, - percentage, - fill, - href: - categoryId === "outros" - ? undefined - : `/categorias/${categoryId}?periodo=${periodParam}`, - }); - + // Preparar dados para o gráfico de pizza - Top 7 + Outros + const chartData = useMemo(() => { if (data.categories.length <= 7) { - return data.categories.map((category) => - buildItem( - category.categoryId, - category.categoryName, - category.currentAmount, - category.percentageOfTotal, - chartConfig[category.categoryId]?.color, - ), - ); + return data.categories.map((category) => ({ + category: category.categoryId, + name: category.categoryName, + value: category.currentAmount, + percentage: category.percentageOfTotal, + fill: chartConfig[category.categoryId]?.color, + })); } + // Pegar top 7 categorias const top7 = data.categories.slice(0, 7); const others = data.categories.slice(7); + + // Somar o restante const othersTotal = others.reduce((sum, cat) => sum + cat.currentAmount, 0); const othersPercentage = others.reduce( (sum, cat) => sum + cat.percentageOfTotal, 0, ); - const top7Data = top7.map((category) => - buildItem( - category.categoryId, - category.categoryName, - category.currentAmount, - category.percentageOfTotal, - chartConfig[category.categoryId]?.color, - ), - ); + const top7Data = top7.map((category) => ({ + category: category.categoryId, + name: category.categoryName, + value: category.currentAmount, + percentage: category.percentageOfTotal, + fill: chartConfig[category.categoryId]?.color, + })); + + // Adicionar "Outros" se houver if (others.length > 0) { - top7Data.push( - buildItem( - "outros", - "Outros", - othersTotal, - othersPercentage, - chartConfig.outros?.color, - ), - ); + top7Data.push({ + category: "outros", + name: "Outros", + value: othersTotal, + percentage: othersPercentage, + fill: chartConfig.outros?.color, + }); } + return top7Data; - }, [data.categories, chartConfig, periodParam]); + }, [data.categories, chartConfig]); if (data.categories.length === 0) { return ( @@ -155,146 +136,25 @@ export function ExpensesByCategoryWidgetWithChart({ } return ( -
- {/* Gráfico de pizza (donut) — fatias clicáveis */} -
- - - { - if (payload?.href) router.push(payload.href); - }} - label={(props: { - cx?: number; - cy?: number; - midAngle?: number; - innerRadius?: number; - outerRadius?: number; - percent?: number; - }) => { - const { cx = 0, cy = 0, midAngle = 0, innerRadius = 0, outerRadius = 0, percent = 0 } = props; - const percentage = percent * 100; - if (percentage < 6) return null; - const radius = (Number(innerRadius) + Number(outerRadius)) / 2; - const x = cx + radius * Math.cos(-midAngle * (Math.PI / 180)); - const y = cy + radius * Math.sin(-midAngle * (Math.PI / 180)); - return ( - - {formatPercentage(percentage)} - - ); - }} - labelLine={false} - > - {chartData.map((entry, index) => ( - - ))} - - {!isMobile && ( - { - if (active && payload?.length) { - const d = payload[0].payload as ChartDataItem; - return ( -
-
- - {d.name} - - - {formatCurrency(d.value)} - - - {formatPercentage(d.percentage)} do total - - {d.href && ( - - Clique para ver detalhes - - )} -
-
- ); - } - return null; - }} - cursor={false} - /> - )} - - - - {/* Legenda clicável */} -
- {chartData.map((entry, index) => { - const content = ( - <> - - - {entry.name} - - - {formatPercentage(entry.percentage)} - - - ); - return entry.href ? ( - - {content} - - ) : ( -
- {content} -
- ); - })} -
+ setActiveTab(v as "list" | "chart")} + className="w-full" + > +
+ + + + Lista + + + + Gráfico + +
- {/* Lista de categorias */} -
+
{data.categories.map((category, index) => { const hasIncrease = @@ -404,7 +264,65 @@ export function ExpensesByCategoryWidgetWithChart({ ); })}
-
-
+ + + +
+ + + formatPercentage(entry.percentage)} + outerRadius={75} + dataKey="value" + nameKey="category" + /> + { + if (active && payload && payload.length) { + const data = payload[0].payload; + return ( +
+
+
+ + {data.name} + + + {formatCurrency(data.value)} + + + {formatPercentage(data.percentage)} do total + +
+
+
+ ); + } + return null; + }} + /> + + + +
+ {chartData.map((entry, index) => ( +
+
+ + {entry.name} + +
+ ))} +
+
+ + ); } diff --git a/components/estabelecimentos/estabelecimento-create-dialog.tsx b/components/estabelecimentos/estabelecimento-create-dialog.tsx deleted file mode 100644 index be7056e..0000000 --- a/components/estabelecimentos/estabelecimento-create-dialog.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client"; - -import { useState, useTransition } from "react"; -import { toast } from "sonner"; -import { createEstabelecimentoAction } from "@/app/(dashboard)/estabelecimentos/actions"; -import { Button } from "@/components/ui/button"; -import { - Dialog, - DialogContent, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, - DialogTrigger, -} from "@/components/ui/dialog"; -import { Input } from "@/components/ui/input"; -import { Label } from "@/components/ui/label"; -import { RiAddCircleLine } from "@remixicon/react"; - -interface EstabelecimentoCreateDialogProps { - trigger?: React.ReactNode; -} - -export function EstabelecimentoCreateDialog({ - trigger, -}: EstabelecimentoCreateDialogProps) { - const [open, setOpen] = useState(false); - const [name, setName] = useState(""); - const [isPending, startTransition] = useTransition(); - - const handleSubmit = (e: React.FormEvent) => { - e.preventDefault(); - const trimmed = name.trim(); - if (!trimmed) return; - - startTransition(async () => { - const result = await createEstabelecimentoAction({ name: trimmed }); - if (result.success) { - toast.success(result.message); - setName(""); - setOpen(false); - } else { - toast.error(result.error); - } - }); - }; - - return ( - - - {trigger ?? ( - - )} - - -
- - Novo estabelecimento - - Adicione um nome para usar nos lançamentos. Ele aparecerá na lista - e nas sugestões ao criar ou editar lançamentos. - - -
-
- - setName(e.target.value)} - placeholder="Ex: Supermercado, Posto, Farmácia" - disabled={isPending} - autoFocus - /> -
-
- - - - -
- - - ); -} diff --git a/components/estabelecimentos/estabelecimentos-page.tsx b/components/estabelecimentos/estabelecimentos-page.tsx deleted file mode 100644 index a208bd5..0000000 --- a/components/estabelecimentos/estabelecimentos-page.tsx +++ /dev/null @@ -1,154 +0,0 @@ -"use client"; - -import { RiDeleteBin5Line, RiExternalLinkLine } from "@remixicon/react"; -import Link from "next/link"; -import { useCallback, useState } from "react"; -import { toast } from "sonner"; -import { deleteEstabelecimentoAction } from "@/app/(dashboard)/estabelecimentos/actions"; -import { ConfirmActionDialog } from "@/components/confirm-action-dialog"; -import { Button } from "@/components/ui/button"; -import { - Table, - TableBody, - TableCell, - TableHead, - TableHeader, - TableRow, -} from "@/components/ui/table"; -import { EstabelecimentoLogo } from "@/components/lancamentos/shared/estabelecimento-logo"; -import { EstabelecimentoCreateDialog } from "./estabelecimento-create-dialog"; -import type { EstabelecimentoRow } from "@/app/(dashboard)/estabelecimentos/data"; - -interface EstabelecimentosPageProps { - rows: EstabelecimentoRow[]; -} - -function buildLancamentosUrl(name: string): string { - const params = new URLSearchParams(); - params.set("estabelecimento", name); - return `/lancamentos?${params.toString()}`; -} - -export function EstabelecimentosPage({ rows }: EstabelecimentosPageProps) { - const [deleteOpen, setDeleteOpen] = useState(false); - const [rowToDelete, setRowToDelete] = useState( - null, - ); - - const handleDeleteRequest = useCallback((row: EstabelecimentoRow) => { - setRowToDelete(row); - setDeleteOpen(true); - }, []); - - const handleDeleteOpenChange = useCallback((open: boolean) => { - setDeleteOpen(open); - if (!open) setRowToDelete(null); - }, []); - - const handleDeleteConfirm = useCallback(async () => { - if (!rowToDelete?.estabelecimentoId) return; - - const result = await deleteEstabelecimentoAction({ - id: rowToDelete.estabelecimentoId, - }); - - if (result.success) { - toast.success(result.message); - setDeleteOpen(false); - setRowToDelete(null); - return; - } - - toast.error(result.error); - throw new Error(result.error); - }, [rowToDelete]); - - const canDelete = (row: EstabelecimentoRow) => - row.lancamentosCount === 0 && row.estabelecimentoId != null; - - return ( - <> -
-
- -
- - {rows.length === 0 ? ( -
- Nenhum estabelecimento ainda. Crie um ou use a lista que será - preenchida conforme você adiciona lançamentos. -
- ) : ( -
- - - - Estabelecimento - Lançamentos - Ações - - - - {rows.map((row) => ( - - -
- - {row.name} -
- - - {row.lancamentosCount} - - -
- - -
- - - ))} - -
-
- )} -
- - - - ); -} diff --git a/components/lancamentos/page/lancamentos-page.tsx b/components/lancamentos/page/lancamentos-page.tsx index ac6b739..7fe938f 100644 --- a/components/lancamentos/page/lancamentos-page.tsx +++ b/components/lancamentos/page/lancamentos-page.tsx @@ -386,7 +386,6 @@ export function LancamentosPage({ pagadorFilterOptions={pagadorFilterOptions} categoriaFilterOptions={categoriaFilterOptions} contaCartaoFilterOptions={contaCartaoFilterOptions} - estabelecimentosOptions={estabelecimentos} selectedPeriod={selectedPeriod} onCreate={allowCreate ? handleCreate : undefined} onMassAdd={allowCreate ? handleMassAdd : undefined} diff --git a/components/lancamentos/table/lancamentos-filters.tsx b/components/lancamentos/table/lancamentos-filters.tsx index a5e4ecd..ec26803 100644 --- a/components/lancamentos/table/lancamentos-filters.tsx +++ b/components/lancamentos/table/lancamentos-filters.tsx @@ -122,7 +122,6 @@ interface LancamentosFiltersProps { pagadorOptions: LancamentoFilterOption[]; categoriaOptions: LancamentoFilterOption[]; contaCartaoOptions: ContaCartaoFilterOption[]; - estabelecimentosOptions?: string[]; className?: string; exportButton?: ReactNode; hideAdvancedFilters?: boolean; @@ -132,7 +131,6 @@ export function LancamentosFilters({ pagadorOptions, categoriaOptions, contaCartaoOptions, - estabelecimentosOptions = [], className, exportButton, hideAdvancedFilters = false, @@ -237,16 +235,6 @@ export function LancamentosFilters({ ? contaCartaoOptions.find((option) => option.slug === contaCartaoValue) : null; - const estabelecimentoParam = searchParams.get("estabelecimento"); - const estabelecimentoOptionsForSelect = [ - ...(estabelecimentoParam && - estabelecimentoParam.trim() && - !estabelecimentosOptions.includes(estabelecimentoParam.trim()) - ? [estabelecimentoParam.trim()] - : []), - ...estabelecimentosOptions, - ]; - const [categoriaOpen, setCategoriaOpen] = useState(false); const [drawerOpen, setDrawerOpen] = useState(false); @@ -256,8 +244,7 @@ export function LancamentosFilters({ searchParams.get("pagamento") || searchParams.get("pagador") || searchParams.get("categoria") || - searchParams.get("contaCartao") || - searchParams.get("estabelecimento"); + searchParams.get("contaCartao"); const handleResetFilters = () => { handleReset(); @@ -531,45 +518,6 @@ export function LancamentosFilters({
- - {estabelecimentoOptionsForSelect.length > 0 || - estabelecimentoParam?.trim() ? ( -
- - -
- ) : null}
diff --git a/components/lancamentos/table/lancamentos-table.tsx b/components/lancamentos/table/lancamentos-table.tsx index 068274d..b57fc9b 100644 --- a/components/lancamentos/table/lancamentos-table.tsx +++ b/components/lancamentos/table/lancamentos-table.tsx @@ -715,7 +715,6 @@ type LancamentosTableProps = { pagadorFilterOptions?: LancamentoFilterOption[]; categoriaFilterOptions?: LancamentoFilterOption[]; contaCartaoFilterOptions?: ContaCartaoFilterOption[]; - estabelecimentosOptions?: string[]; selectedPeriod?: string; onCreate?: (type: "Despesa" | "Receita") => void; onMassAdd?: () => void; @@ -742,7 +741,6 @@ export function LancamentosTable({ pagadorFilterOptions = [], categoriaFilterOptions = [], contaCartaoFilterOptions = [], - estabelecimentosOptions = [], selectedPeriod, onCreate, onMassAdd, @@ -923,7 +921,6 @@ export function LancamentosTable({ pagadorOptions={pagadorFilterOptions} categoriaOptions={categoriaFilterOptions} contaCartaoOptions={contaCartaoFilterOptions} - estabelecimentosOptions={estabelecimentosOptions} className="w-full lg:flex-1 lg:justify-end" hideAdvancedFilters={hasOtherUserData} exportButton={ diff --git a/components/sidebar/nav-link.tsx b/components/sidebar/nav-link.tsx index 790091c..268eec0 100644 --- a/components/sidebar/nav-link.tsx +++ b/components/sidebar/nav-link.tsx @@ -7,13 +7,11 @@ import { RiDashboardLine, RiFileChartLine, RiFundsLine, - RiPieChartLine, RiGroupLine, RiInboxLine, RiPriceTag3Line, RiSettings2Line, RiSparklingLine, - RiStore2Line, RiTodoLine, } from "@remixicon/react"; @@ -126,11 +124,6 @@ export function createSidebarNavData( url: "/orcamentos", icon: RiFundsLine, }, - { - title: "Estabelecimentos", - url: "/estabelecimentos", - icon: RiStore2Line, - }, ], }, { @@ -167,11 +160,6 @@ export function createSidebarNavData( url: "/relatorios/tendencias", icon: RiFileChartLine, }, - { - title: "Gastos por categoria", - url: "/relatorios/gastos-por-categoria", - icon: RiPieChartLine, - }, { title: "Uso de Cartões", url: "/relatorios/uso-cartoes", diff --git a/db/schema.ts b/db/schema.ts index e2dbec8..fa9b6b9 100644 --- a/db/schema.ts +++ b/db/schema.ts @@ -190,30 +190,6 @@ export const categorias = pgTable( }), ); -export const estabelecimentos = pgTable( - "estabelecimentos", - { - id: uuid("id").primaryKey().default(sql`gen_random_uuid()`), - name: text("nome").notNull(), - userId: text("user_id") - .notNull() - .references(() => user.id, { onDelete: "cascade" }), - createdAt: timestamp("created_at", { - mode: "date", - withTimezone: true, - }) - .notNull() - .defaultNow(), - }, - (table) => ({ - userIdIdx: index("estabelecimentos_user_id_idx").on(table.userId), - userIdNameUnique: uniqueIndex("estabelecimentos_user_id_nome_key").on( - table.userId, - table.name, - ), - }), -); - export const pagadores = pgTable( "pagadores", { @@ -659,7 +635,6 @@ export const userRelations = relations(user, ({ many, one }) => ({ cartoes: many(cartoes), categorias: many(categorias), contas: many(contas), - estabelecimentos: many(estabelecimentos), faturas: many(faturas), lancamentos: many(lancamentos), orcamentos: many(orcamentos), @@ -701,16 +676,6 @@ export const categoriasRelations = relations(categorias, ({ one, many }) => ({ orcamentos: many(orcamentos), })); -export const estabelecimentosRelations = relations( - estabelecimentos, - ({ one }) => ({ - user: one(user, { - fields: [estabelecimentos.userId], - references: [user.id], - }), - }), -); - export const pagadoresRelations = relations(pagadores, ({ one, many }) => ({ user: one(user, { fields: [pagadores.userId], diff --git a/drizzle/0019_add_estabelecimentos.sql b/drizzle/0019_add_estabelecimentos.sql deleted file mode 100644 index b7cb94d..0000000 --- a/drizzle/0019_add_estabelecimentos.sql +++ /dev/null @@ -1,16 +0,0 @@ -CREATE TABLE IF NOT EXISTS "estabelecimentos" ( - "id" uuid PRIMARY KEY DEFAULT gen_random_uuid() NOT NULL, - "nome" text NOT NULL, - "user_id" text NOT NULL, - "created_at" timestamp with time zone DEFAULT now() NOT NULL -); - -CREATE INDEX IF NOT EXISTS "estabelecimentos_user_id_idx" ON "estabelecimentos" ("user_id"); - -CREATE UNIQUE INDEX IF NOT EXISTS "estabelecimentos_user_id_nome_key" ON "estabelecimentos" ("user_id", "nome"); - -DO $$ BEGIN - ALTER TABLE "estabelecimentos" ADD CONSTRAINT "estabelecimentos_user_id_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."user"("id") ON DELETE cascade ON UPDATE no action; -EXCEPTION - WHEN duplicate_object THEN null; -END $$; diff --git a/lib/lancamentos/page-helpers.ts b/lib/lancamentos/page-helpers.ts index 11cc7e0..9674985 100644 --- a/lib/lancamentos/page-helpers.ts +++ b/lib/lancamentos/page-helpers.ts @@ -37,7 +37,6 @@ export type LancamentoSearchFilters = { categoriaFilter: string | null; contaCartaoFilter: string | null; searchFilter: string | null; - estabelecimentoFilter: string | null; }; type BaseSluggedOption = { @@ -123,7 +122,6 @@ export const extractLancamentoSearchFilters = ( categoriaFilter: getSingleParam(params, "categoria"), contaCartaoFilter: getSingleParam(params, "contaCartao"), searchFilter: getSingleParam(params, "q"), - estabelecimentoFilter: getSingleParam(params, "estabelecimento"), }); const normalizeLabel = (value: string | null | undefined) => @@ -370,10 +368,6 @@ export const buildLancamentoWhere = ({ } } - if (filters.estabelecimentoFilter?.trim()) { - where.push(eq(lancamentos.name, filters.estabelecimentoFilter.trim())); - } - const searchPattern = buildSearchPattern(filters.searchFilter); if (searchPattern) { where.push(