761c039244
- Corrigir layout truncado no card de parcelas (analise-parcelas) - Empilhar cards de top estabelecimentos e categorias no mobile - Ajustes gerais de responsividade em múltiplos componentes Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
116 lines
2.1 KiB
TypeScript
116 lines
2.1 KiB
TypeScript
import {
|
|
RiArrowLeftRightLine,
|
|
RiBankCard2Line,
|
|
RiBankLine,
|
|
RiCalendarEventLine,
|
|
RiFileChartLine,
|
|
RiFundsLine,
|
|
RiGroupLine,
|
|
RiInboxLine,
|
|
RiPriceTag3Line,
|
|
RiSparklingLine,
|
|
RiTodoLine,
|
|
} from "@remixicon/react";
|
|
|
|
export type NavItem = {
|
|
href: string;
|
|
label: string;
|
|
icon: React.ReactNode;
|
|
badge?: number;
|
|
preservePeriod?: boolean;
|
|
hideOnMobile?: boolean;
|
|
};
|
|
|
|
export type NavSection = {
|
|
label: string;
|
|
items: NavItem[];
|
|
};
|
|
|
|
export const NAV_SECTIONS: NavSection[] = [
|
|
{
|
|
label: "Lançamentos",
|
|
items: [
|
|
{
|
|
href: "/lancamentos",
|
|
label: "lançamentos",
|
|
icon: <RiArrowLeftRightLine className="size-4" />,
|
|
preservePeriod: true,
|
|
},
|
|
{
|
|
href: "/pre-lancamentos",
|
|
label: "pré-lançamentos",
|
|
icon: <RiInboxLine className="size-4" />,
|
|
},
|
|
{
|
|
href: "/calendario",
|
|
label: "calendário",
|
|
icon: <RiCalendarEventLine className="size-4" />,
|
|
hideOnMobile: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
label: "Finanças",
|
|
items: [
|
|
{
|
|
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" />,
|
|
preservePeriod: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
label: "Organização",
|
|
items: [
|
|
{
|
|
href: "/pagadores",
|
|
label: "pagadores",
|
|
icon: <RiGroupLine className="size-4" />,
|
|
},
|
|
{
|
|
href: "/categorias",
|
|
label: "categorias",
|
|
icon: <RiPriceTag3Line className="size-4" />,
|
|
},
|
|
{
|
|
href: "/anotacoes",
|
|
label: "anotações",
|
|
icon: <RiTodoLine className="size-4" />,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
label: "Relatórios",
|
|
items: [
|
|
{
|
|
href: "/insights",
|
|
label: "insights",
|
|
icon: <RiSparklingLine className="size-4" />,
|
|
preservePeriod: true,
|
|
},
|
|
{
|
|
href: "/relatorios/tendencias",
|
|
label: "tendências",
|
|
icon: <RiFileChartLine className="size-4" />,
|
|
},
|
|
{
|
|
href: "/relatorios/uso-cartoes",
|
|
label: "uso de cartões",
|
|
icon: <RiBankCard2Line className="size-4" />,
|
|
preservePeriod: true,
|
|
},
|
|
],
|
|
},
|
|
];
|