rodrigo/budget-view-finance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Settings page navigation

Browse Source 
Ensure settings page uses the same layout as other menu items, preserving the sidebar.
This commit is contained in:
gpt-engineer-app[bot] 2025-06-15 19:30:47 +00:00
parent 07bf385f0e
commit 67c1dd3ac3
1 changed files with 32 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
src/pages/Configuracoes.tsx
View File

@ -8,40 +8,39 @@ const Configuracoes = () => {
const [tab, setTab] = useState("visao-geral");
return (
<div className="flex min-h-screen w-full bg-background">
<main className="flex-1 p-4 md:p-8">
<h1 className="text-2xl font-bold mb-6">Configurações</h1>
<Tabs value={tab} onValueChange={setTab}>
<TabsList className="mb-6">
<TabsTrigger value="visao-geral" className="min-w-[120px]">
Visão Geral
</TabsTrigger>
<TabsTrigger value="meu-cadastro" className="min-w-[120px]">
Meu cadastro
</TabsTrigger>
<TabsTrigger value="assinatura" className="min-w-[120px]">
Assinatura
</TabsTrigger>
</TabsList>
<TabsContent value="visao-geral">
<div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
<div className="text-lg font-semibold mb-2">Bem-vindo à página de Configurações!</div>
<div>Aqui você pode gerenciar suas informações, assinatura e muito mais.</div>
</div>
</TabsContent>
<TabsContent value="meu-cadastro">
<MeuCadastroForm />
</TabsContent>
<TabsContent value="assinatura">
<div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
<div className="text-lg font-semibold mb-2">Em breve!</div>
<div>Funcionalidades de assinatura serão lançadas em breve.</div>
</div>
</TabsContent>
</Tabs>
</main>
</div>
<>
<h1 className="text-2xl font-bold mb-6">Configurações</h1>
<Tabs value={tab} onValueChange={setTab}>
<TabsList className="mb-6">
<TabsTrigger value="visao-geral" className="min-w-[120px]">
Visão Geral
</TabsTrigger>
<TabsTrigger value="meu-cadastro" className="min-w-[120px]">
Meu cadastro
</TabsTrigger>
<TabsTrigger value="assinatura" className="min-w-[120px]">
Assinatura
</TabsTrigger>
</TabsList>
<TabsContent value="visao-geral">
<div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
<div className="text-lg font-semibold mb-2">Bem-vindo à página de Configurações!</div>
<div>Aqui você pode gerenciar suas informações, assinatura e muito mais.</div>
</div>
</TabsContent>
<TabsContent value="meu-cadastro">
<MeuCadastroForm />
</TabsContent>
<TabsContent value="assinatura">
<div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
<div className="text-lg font-semibold mb-2">Em breve!</div>
<div>Funcionalidades de assinatura serão lançadas em breve.</div>
</div>
</TabsContent>
</Tabs>
</>
);
};
export default Configuracoes;