Inicial
This commit is contained in:
@@ -0,0 +1,85 @@
|
||||
import { BrowserRouter, Routes, Route, Navigate, useLocation } from 'react-router'
|
||||
import { QueryClientProvider } from '@tanstack/react-query'
|
||||
import { queryClient } from '@/lib/queryClient'
|
||||
import { useAuthStore } from '@/store/authStore'
|
||||
import type { UserRole } from '@/store/authStore'
|
||||
import LoginPage from '@/pages/auth/LoginPage'
|
||||
import AppDashboardPage from '@/pages/app/DashboardPage'
|
||||
import ClientsPage from '@/pages/app/ClientsPage'
|
||||
import CatalogPage from '@/pages/app/CatalogPage'
|
||||
import WorkOrdersPage from '@/pages/app/WorkOrdersPage'
|
||||
import WorkOrderDetailPage from '@/pages/app/WorkOrderDetailPage'
|
||||
import StaffPage from '@/pages/app/StaffPage'
|
||||
import ExpensesPage from '@/pages/app/ExpensesPage'
|
||||
import SettingsPage from '@/pages/app/SettingsPage'
|
||||
import InvoicesPage from '@/pages/app/InvoicesPage'
|
||||
import AdminDashboardPage from '@/pages/admin/DashboardPage'
|
||||
import TenantsPage from '@/pages/admin/TenantsPage'
|
||||
import InviteRedeemPage from '@/pages/public/InviteRedeemPage'
|
||||
import AppLayout from '@/components/layout/AppLayout'
|
||||
import AdminLayout from '@/components/layout/AdminLayout'
|
||||
|
||||
function RequireAuth({
|
||||
children,
|
||||
allowedRoles,
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
allowedRoles: UserRole[]
|
||||
}) {
|
||||
const { isAuthenticated, user } = useAuthStore()
|
||||
const location = useLocation()
|
||||
if (!isAuthenticated) return <Navigate to="/login" replace />
|
||||
// Allow super_admin carrying an impersonation payload through to /app —
|
||||
// AppLayout applies the role switch on mount via useLayoutEffect.
|
||||
const hasImpersonation = !!location.state?.impersonation
|
||||
if (user && !allowedRoles.includes(user.role) && !hasImpersonation) {
|
||||
return <Navigate to="/login" replace />
|
||||
}
|
||||
return <>{children}</>
|
||||
}
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<QueryClientProvider client={queryClient}>
|
||||
<BrowserRouter>
|
||||
<Routes>
|
||||
<Route path="/login" element={<LoginPage />} />
|
||||
<Route path="/invite/:token" element={<InviteRedeemPage />} />
|
||||
|
||||
<Route
|
||||
path="/admin"
|
||||
element={
|
||||
<RequireAuth allowedRoles={['super_admin']}>
|
||||
<AdminLayout />
|
||||
</RequireAuth>
|
||||
}
|
||||
>
|
||||
<Route index element={<AdminDashboardPage />} />
|
||||
<Route path="tenants" element={<TenantsPage />} />
|
||||
</Route>
|
||||
|
||||
<Route
|
||||
path="/app"
|
||||
element={
|
||||
<RequireAuth allowedRoles={['tenant_admin', 'manager', 'technician']}>
|
||||
<AppLayout />
|
||||
</RequireAuth>
|
||||
}
|
||||
>
|
||||
<Route index element={<AppDashboardPage />} />
|
||||
<Route path="clients" element={<ClientsPage />} />
|
||||
<Route path="catalog" element={<CatalogPage />} />
|
||||
<Route path="work-orders" element={<WorkOrdersPage />} />
|
||||
<Route path="work-orders/:id" element={<WorkOrderDetailPage />} />
|
||||
<Route path="staff" element={<StaffPage />} />
|
||||
<Route path="expenses" element={<ExpensesPage />} />
|
||||
<Route path="invoices" element={<InvoicesPage />} />
|
||||
<Route path="settings" element={<SettingsPage />} />
|
||||
</Route>
|
||||
|
||||
<Route path="/" element={<Navigate to="/app" replace />} />
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
</QueryClientProvider>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user