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"); const [tab, setTab] = useState("visao-geral");
return ( 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>
<h1 className="text-2xl font-bold mb-6">Configurações</h1> <Tabs value={tab} onValueChange={setTab}>
<Tabs value={tab} onValueChange={setTab}> <TabsList className="mb-6">
<TabsList className="mb-6"> <TabsTrigger value="visao-geral" className="min-w-[120px]">
<TabsTrigger value="visao-geral" className="min-w-[120px]"> Visão Geral
Visão Geral </TabsTrigger>
</TabsTrigger> <TabsTrigger value="meu-cadastro" className="min-w-[120px]">
<TabsTrigger value="meu-cadastro" className="min-w-[120px]"> Meu cadastro
Meu cadastro </TabsTrigger>
</TabsTrigger> <TabsTrigger value="assinatura" className="min-w-[120px]">
<TabsTrigger value="assinatura" className="min-w-[120px]"> Assinatura
Assinatura </TabsTrigger>
</TabsTrigger> </TabsList>
</TabsList> <TabsContent value="visao-geral">
<TabsContent value="visao-geral"> <div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
<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 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>Aqui você pode gerenciar suas informações, assinatura e muito mais.</div> </div>
</div> </TabsContent>
</TabsContent> <TabsContent value="meu-cadastro">
<TabsContent value="meu-cadastro"> <MeuCadastroForm />
<MeuCadastroForm /> </TabsContent>
</TabsContent> <TabsContent value="assinatura">
<TabsContent value="assinatura"> <div className="p-6 bg-muted rounded-lg border text-muted-foreground text-center">
<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 className="text-lg font-semibold mb-2">Em breve!</div> <div>Funcionalidades de assinatura serão lançadas em breve.</div>
<div>Funcionalidades de assinatura serão lançadas em breve.</div> </div>
</div> </TabsContent>
</TabsContent> </Tabs>
</Tabs> </>
</main>
</div>
); );
}; };
export default Configuracoes; export default Configuracoes;