App.jsx
import * as React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import { AdminLayout } from './layouts/AdminLayout.jsx';
import { Dashboard } from './pages/Dashboard.jsx';
import { Pages } from './pages/Pages.jsx';
import { PageEditor } from './pages/PageEditor.jsx';
import { Partials } from './pages/Partials.jsx';
import { Collections } from './pages/Collections.jsx';
import { CollectionEditor } from './pages/CollectionEditor.jsx';
import { Files } from './pages/Files.jsx';
import { Users } from './pages/Users.jsx';
import { Audit } from './pages/Audit.jsx';
import { Settings } from './pages/Settings.jsx';
export function App({ user, tourCompleted }) {
return (
<BrowserRouter basename="/admin">
<Routes>
<Route path="/" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Dashboard /></AdminLayout>} />
<Route path="/pages" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Pages /></AdminLayout>} />
<Route path="/pages/:id" element={<AdminLayout user={user} tourCompleted={tourCompleted}><PageEditor /></AdminLayout>} />
<Route path="/partials" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Partials /></AdminLayout>} />
<Route path="/collections" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Collections /></AdminLayout>} />
<Route path="/collections/:id" element={<AdminLayout user={user} tourCompleted={tourCompleted}><CollectionEditor /></AdminLayout>} />
<Route path="/files" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Files /></AdminLayout>} />
<Route path="/users" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Users /></AdminLayout>} />
<Route path="/audit" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Audit /></AdminLayout>} />
<Route path="/settings" element={<AdminLayout user={user} tourCompleted={tourCompleted}><Settings /></AdminLayout>} />
</Routes>
</BrowserRouter>
);
}