Something went wrong. Try again.
AtAuth
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';import { QueryClient, QueryClientProvider } from '@tanstack/react-query';import { useAuthStore } from './stores/auth';import { Layout } from './components/Layout';import { LoginPage, DashboardPage, AppsPage, OIDCClientsPage, SessionsPage, KeysPage, UsersPage,} from './pages';
const queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 30000, retry: 1, }, },});
function ProtectedRoute({ children }: { children: React.ReactNode }) { const isAuthenticated = useAuthStore((s) => s.isAuthenticated);
if (!isAuthenticated) { return <Navigate to="/login" replace />; }
return <>{children}</>;}
function App() { return ( <QueryClientProvider client={queryClient}> <BrowserRouter basename="/admin"> <Routes> <Route path="/login" element={<LoginPage />} /> <Route element={ <ProtectedRoute> <Layout /> </ProtectedRoute> } > <Route path="/dashboard" element={<DashboardPage />} /> <Route path="/apps" element={<AppsPage />} /> <Route path="/oidc-clients" element={<OIDCClientsPage />} /> <Route path="/sessions" element={<SessionsPage />} /> <Route path="/keys" element={<KeysPage />} /> <Route path="/users" element={<UsersPage />} /> <Route path="/" element={<Navigate to="/dashboard" replace />} /> </Route> </Routes> </BrowserRouter> </QueryClientProvider> );}
export default App;