feat: Add back button to Configurações page

Adds a "back" button to the Configurações page to navigate back to the main application layout, addressing the issue of the page opening in isolation.
This commit is contained in:
gpt-engineer-app[bot] 2025-06-15 19:51:46 +00:00
parent fba2674876
commit c059dea681

View File

@ -2,13 +2,25 @@
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"; import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import MeuCadastroForm from "@/components/settings/MeuCadastroForm"; import MeuCadastroForm from "@/components/settings/MeuCadastroForm";
import { useState } from "react"; import { useState } from "react";
import { Button } from "@/components/ui/button";
import { ArrowLeft } from "lucide-react";
import { Link } from "react-router-dom";
const Configuracoes = () => { const Configuracoes = () => {
const [tab, setTab] = useState("visao-geral"); const [tab, setTab] = useState("visao-geral");
return ( return (
<> <div className="p-6">
<h1 className="text-2xl font-bold">Configurações</h1> <div className="flex items-center gap-4 mb-4">
<Button asChild variant="outline" size="icon">
<Link to="/">
<ArrowLeft className="h-4 w-4" />
<span className="sr-only">Voltar</span>
</Link>
</Button>
<h1 className="text-2xl font-bold">Configurações</h1>
</div>
<Tabs value={tab} onValueChange={setTab} className="mt-4"> <Tabs value={tab} onValueChange={setTab} className="mt-4">
<TabsList className="mb-6"> <TabsList className="mb-6">
<TabsTrigger value="visao-geral">Visão Geral</TabsTrigger> <TabsTrigger value="visao-geral">Visão Geral</TabsTrigger>
@ -31,7 +43,7 @@ const Configuracoes = () => {
</div> </div>
</TabsContent> </TabsContent>
</Tabs> </Tabs>
</> </div>
); );
}; };