Inicial

2026-07-02 12:47:55 +01:00
commit 5de37bb512
132 changed files with 28495 additions and 0 deletions
@@ -0,0 +1,55 @@
+import { Outlet, NavLink } from 'react-router'
+import { useLogout } from '@/hooks/useAuth'
+
+export default function AdminLayout() {
+  const { mutate: logout } = useLogout()
+
+  return (
+    <div className="flex h-screen bg-slate-950">
+      <aside className="w-64 bg-slate-900 border-r border-slate-800 flex flex-col">
+        <div className="p-4 border-b border-slate-800">
+          <h1 className="text-lg font-bold text-white">TechXCar</h1>
+          <p className="text-xs text-slate-400 mt-0.5">Administração</p>
+        </div>
+        <nav className="flex-1 p-3 space-y-1">
+          <NavLink
+            to="/admin"
+            end
+            className={({ isActive }) =>
+              `flex items-center px-3 py-2 rounded-md text-sm transition-colors ${
+                isActive
+                  ? 'bg-slate-700 text-white'
+                  : 'text-slate-400 hover:bg-slate-800 hover:text-white'
+              }`
+            }
+          >
+            Dashboard
+          </NavLink>
+          <NavLink
+            to="/admin/tenants"
+            className={({ isActive }) =>
+              `flex items-center px-3 py-2 rounded-md text-sm transition-colors ${
+                isActive
+                  ? 'bg-slate-700 text-white'
+                  : 'text-slate-400 hover:bg-slate-800 hover:text-white'
+              }`
+            }
+          >
+            Oficinas
+          </NavLink>
+        </nav>
+        <div className="p-3 border-t border-slate-800">
+          <button
+            onClick={() => logout()}
+            className="w-full text-left px-3 py-2 text-sm text-slate-400 hover:text-white rounded-md hover:bg-slate-800 transition-colors"
+          >
+            Terminar sessão
+          </button>
+        </div>
+      </aside>
+      <main className="flex-1 overflow-auto p-6 text-white">
+        <Outlet />
+      </main>
+    </div>
+  )
+}