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:
parent
fba2674876
commit
c059dea681
@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user