diff --git a/src/App.tsx b/src/App.tsx
index 717b475..b2ad7bf 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -46,19 +46,21 @@ const App = () => {
path="/"
element={
isAutenticado ? (
-
+
+
+
) : (
)
}
/>
- {/* Rota de autenticação - redireciona para transações se já estiver autenticado */}
+ {/* Rota de autenticação - redireciona para dashboard se já estiver autenticado */}
+
) : (
)
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 8876016..6138a20 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -5,10 +5,11 @@ import { cn } from '@/lib/utils';
import { Button } from "@/components/ui/button";
import { ChevronLeft, ChevronRight, Home, CalendarDays, DollarSign, PieChart } from 'lucide-react';
+// Modificado para separar Dashboard e Transações como itens distintos
const navItems = [
{
name: 'Dashboard',
- path: '/transacoes', // Alterado de '/' para '/transacoes'
+ path: '/', // Caminho separado para o Dashboard
icon:
},
{
@@ -36,6 +37,12 @@ const Sidebar = ({ className }: SidebarProps) => {
const location = useLocation();
const [collapsed, setCollapsed] = React.useState(false);
+ // Função para verificar se o item está ativo baseado no caminho atual
+ const isItemActive = (path: string) => {
+ // Verificação exata do caminho
+ return location.pathname === path;
+ };
+
return (
{
to={item.path}
className={cn(
"flex items-center px-4 py-2 text-sm font-medium rounded-md transition-colors",
- location.pathname === item.path
+ isItemActive(item.path)
? "bg-sidebar-accent text-sidebar-accent-foreground"
: "text-sidebar-foreground hover:bg-sidebar-accent/50",
collapsed ? "justify-center" : "justify-start"