🚀 Auto-deploy: DBMaker atualizado em 27/07/2026 11:03:47

src/App.tsx

@@ -1,7 +1,7 @@
 import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { useAuthStore } from './lib/store'
-import { useEffect, Suspense, lazy } from 'react'
+
+import { Suspense, lazy } from 'react'
 import { ThemeProvider } from './contexts/ThemeContext'
 import LoadingSpinner from './components/common/LoadingSpinner'
 import PasscodeGuard from './components/common/PasscodeGuard'
@@ -10,6 +10,7 @@ import PasscodeGuard from './components/common/PasscodeGuard'
 import Layout from './components/layout/Layout'
 
 // Lazy load pages
+const Login = lazy(() => import('./pages/Login'))
 const Dashboard = lazy(() => import('./pages/Dashboard'))
 const Templates = lazy(() => import('./pages/Templates'))
 const TemplateCreate = lazy(() => import('./pages/TemplateCreate'))
@@ -39,13 +40,6 @@ const queryClient = new QueryClient({
 
 // Bypassing Auth for development phase
 function App() {
-  const setUser = useAuthStore((state) => state.setUser)
-
-  // Opcional: manter uma sessão "fantasma" do admin fixo enquanto o login está desativado
-  useEffect(() => {
-    // Definimos um usuário fake para não quebrar componentes que dependem de useAuthStore
-    setUser({ id: 'dev-user', email: 'admin@tracksteel.com.br' } as any)
-  }, [setUser])
 
   return (
     <ThemeProvider>
@@ -54,9 +48,8 @@ function App() {
           <BrowserRouter basename="/dashboard" future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
             <Suspense fallback={<div className="flex items-center justify-center h-screen"><LoadingSpinner size="lg" /></div>}>
               <Routes>
-                {/* Redirecionamos tudo para o dashboard diretamente */}
-                <Route path="/login" element={<Navigate to="/" replace />} />
-                
+                <Route path="/login" element={<Login />} />
+
                 <Route
                   path="/"
                   element={

src/components/layout/Layout.tsx

@@ -1,8 +1,15 @@
-import { Outlet } from 'react-router-dom'
+import { Navigate, Outlet } from 'react-router-dom'
 import Header from './Header'
 import Sidebar from './Sidebar'
+import { useAuthStore } from '@/lib/store'
 
 export default function Layout() {
+  const user = useAuthStore((state) => state.user)
+
+  if (!user) {
+    return <Navigate to="/login" replace />
+  }
+
   return (
     <div className="h-screen flex flex-col bg-white dark:bg-gray-900 transition-colors">
       <Header />