From af7dd6f737228b2ccc68d3d89d2e4ecbec28684b Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Sun, 22 Feb 2026 23:01:59 +0000
Subject: [PATCH] =?UTF-8?q?refactor:=20reestruturar=20links=20da=20topbar?=
 =?UTF-8?q?=20em=205=20grupos=20l=C3=B3gicos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- dashboard (direto)
- lançamentos▾ → lançamentos / pré-lançamentos / calendário
- finanças▾ → cartões / contas / orçamentos
- organização▾ → pagadores / categorias / anotações
- análise▾ → insights / tendências / uso de cartões

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/topbar/top-nav-menu.tsx | 43 +++++++++++++++++++++---------
 1 file changed, 30 insertions(+), 13 deletions(-)

diff --git a/components/topbar/top-nav-menu.tsx b/components/topbar/top-nav-menu.tsx
index c61d50c..459e919 100644
--- a/components/topbar/top-nav-menu.tsx
+++ b/components/topbar/top-nav-menu.tsx
@@ -57,14 +57,32 @@ export function TopNavMenu({ preLancamentosCount = 0 }: TopNavMenuProps) {
 			icon: <RiInboxLine className="size-4" />,
 			badge: preLancamentosCount,
 		},
+		{
+			href: "/calendario",
+			label: "Calendário",
+			icon: <RiCalendarEventLine className="size-4" />,
+		},
 	];
 
-	const organizacaoItems: DropdownLinkItem[] = [
+	const financasItems: DropdownLinkItem[] = [
+		{
+			href: "/cartoes",
+			label: "Cartões",
+			icon: <RiBankCard2Line className="size-4" />,
+		},
+		{
+			href: "/contas",
+			label: "Contas",
+			icon: <RiBankLine className="size-4" />,
+		},
 		{
 			href: "/orcamentos",
 			label: "Orçamentos",
 			icon: <RiFundsLine className="size-4" />,
 		},
+	];
+
+	const organizacaoItems: DropdownLinkItem[] = [
 		{
 			href: "/pagadores",
 			label: "Pagadores",
@@ -120,15 +138,12 @@ export function TopNavMenu({ preLancamentosCount = 0 }: TopNavMenuProps) {
 						</NavigationMenuItem>
 
 						<NavigationMenuItem>
-							<SimpleNavLink href="/calendario">Calendário</SimpleNavLink>
-						</NavigationMenuItem>
-
-						<NavigationMenuItem>
-							<SimpleNavLink href="/cartoes">Cartões</SimpleNavLink>
-						</NavigationMenuItem>
-
-						<NavigationMenuItem>
-							<SimpleNavLink href="/contas">Contas</SimpleNavLink>
+							<NavigationMenuTrigger className={triggerClass}>
+								Finanças
+							</NavigationMenuTrigger>
+							<NavigationMenuContent>
+								<DropdownLinkList items={financasItems} />
+							</NavigationMenuContent>
 						</NavigationMenuItem>
 
 						<NavigationMenuItem>
@@ -177,7 +192,7 @@ export function TopNavMenu({ preLancamentosCount = 0 }: TopNavMenuProps) {
 							Dashboard
 						</MobileNavLink>
 
-						<MobileSectionLabel label="Financeiro" />
+						<MobileSectionLabel label="Lançamentos" />
 						<MobileNavLink
 							href="/lancamentos"
 							icon={<RiArrowLeftRightLine className="size-4" />}
@@ -200,6 +215,8 @@ export function TopNavMenu({ preLancamentosCount = 0 }: TopNavMenuProps) {
 						>
 							Calendário
 						</MobileNavLink>
+
+						<MobileSectionLabel label="Finanças" />
 						<MobileNavLink
 							href="/cartoes"
 							icon={<RiBankCard2Line className="size-4" />}
@@ -214,8 +231,6 @@ export function TopNavMenu({ preLancamentosCount = 0 }: TopNavMenuProps) {
 						>
 							Contas
 						</MobileNavLink>
-
-						<MobileSectionLabel label="Organização" />
 						<MobileNavLink
 							href="/orcamentos"
 							icon={<RiFundsLine className="size-4" />}
@@ -223,6 +238,8 @@ export function TopNavMenu({ preLancamentosCount = 0 }: TopNavMenuProps) {
 						>
 							Orçamentos
 						</MobileNavLink>
+
+						<MobileSectionLabel label="Organização" />
 						<MobileNavLink
 							href="/pagadores"
 							icon={<RiGroupLine className="size-4" />}