49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
import React from 'react';
|
|
import { createBrowserRouter, Outlet, Navigate, useLocation } from 'react-router-dom';
|
|
import LoginPage from './pages/LoginPage';
|
|
import EventsPage from './pages/EventsPage';
|
|
import SettingsPage from './pages/SettingsPage';
|
|
import EventFormPage from './pages/EventFormPage';
|
|
import EventPhotosPage from './pages/EventPhotosPage';
|
|
import EventDetailPage from './pages/EventDetailPage';
|
|
import AuthCallbackPage from './pages/AuthCallbackPage';
|
|
import { useAuth } from './auth/context';
|
|
|
|
function RequireAuth() {
|
|
const { status } = useAuth();
|
|
const location = useLocation();
|
|
|
|
if (status === 'loading') {
|
|
return (
|
|
<div className="flex min-h-screen items-center justify-center text-sm text-muted-foreground">
|
|
Bitte warten …
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (status === 'unauthenticated') {
|
|
return <Navigate to="/admin/login" state={{ from: location }} replace />;
|
|
}
|
|
|
|
return <Outlet />;
|
|
}
|
|
|
|
export const router = createBrowserRouter([
|
|
{ path: '/admin/login', element: <LoginPage /> },
|
|
{ path: '/admin/auth/callback', element: <AuthCallbackPage /> },
|
|
{
|
|
path: '/admin',
|
|
element: <RequireAuth />,
|
|
children: [
|
|
{ index: true, element: <EventsPage /> },
|
|
{ path: 'events', element: <EventsPage /> },
|
|
{ path: 'events/new', element: <EventFormPage /> },
|
|
{ path: 'events/edit', element: <EventFormPage /> },
|
|
{ path: 'events/view', element: <EventDetailPage /> },
|
|
{ path: 'events/photos', element: <EventPhotosPage /> },
|
|
{ path: 'settings', element: <SettingsPage /> },
|
|
],
|
|
},
|
|
{ path: '*', element: <Navigate to="/admin" replace /> },
|
|
]);
|