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 MeuCadastroForm from "@/components/settings/MeuCadastroForm";
import { useState } from "react";
import { Button } from "@/components/ui/button";
import { ArrowLeft } from "lucide-react";
import { Link } from "react-router-dom";
const Configuracoes = () => {
const [tab, setTab] = useState("visao-geral");
return (
<>
<h1 className="text-2xl font-bold">Configurações</h1>
<div className="p-6">
<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">
<TabsList className="mb-6">
<TabsTrigger value="visao-geral">Visão Geral</TabsTrigger>
@ -31,7 +43,7 @@ const Configuracoes = () => {
</div>
</TabsContent>
</Tabs>
</>
</div>
);
};