86 lines
3.1 KiB
TypeScript
86 lines
3.1 KiB
TypeScript
import { lazy, Suspense } from "react";
|
|
import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
|
|
|
|
import { RequireAuth } from "./auth/require-auth";
|
|
import { LoginPage } from "./auth/login-page";
|
|
import { AppShell } from "./shell/app-shell";
|
|
import { ObjectsPage } from "./objects/objects-page";
|
|
import { ObjectDetail } from "./objects/object-detail";
|
|
import { SelectPrompt } from "./objects/select-prompt";
|
|
import { SearchPage } from "./search/search-page";
|
|
import { SelectSearchPrompt } from "./search/select-search-prompt";
|
|
import { VocabulariesPage } from "./vocab/vocabularies-page";
|
|
import { VocabularyTerms } from "./vocab/vocabulary-terms";
|
|
import { SelectVocabularyPrompt } from "./vocab/select-vocabulary-prompt";
|
|
import { AuthoritiesPage } from "./authorities/authorities-page";
|
|
|
|
const ObjectNewPage = lazy(() =>
|
|
import("./objects/object-new-page").then((m) => ({ default: m.ObjectNewPage })),
|
|
);
|
|
|
|
const ObjectEditForm = lazy(() =>
|
|
import("./objects/object-edit-form").then((m) => ({ default: m.ObjectEditForm })),
|
|
);
|
|
|
|
const FieldsPage = lazy(() =>
|
|
import("./fields/fields-page").then((m) => ({ default: m.FieldsPage })),
|
|
);
|
|
|
|
function FormFallback() {
|
|
return <div role="status" className="p-4 text-sm text-neutral-400">Loading…</div>;
|
|
}
|
|
|
|
export function App() {
|
|
return (
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/login" element={<LoginPage />} />
|
|
<Route element={<RequireAuth />}>
|
|
<Route element={<AppShell />}>
|
|
<Route
|
|
path="/objects/new"
|
|
element={
|
|
<Suspense fallback={<FormFallback />}>
|
|
<ObjectNewPage />
|
|
</Suspense>
|
|
}
|
|
/>
|
|
<Route path="/objects" element={<ObjectsPage />}>
|
|
<Route index element={<SelectPrompt />} />
|
|
<Route path=":id" element={<ObjectDetail />} />
|
|
<Route
|
|
path=":id/edit"
|
|
element={
|
|
<Suspense fallback={<FormFallback />}>
|
|
<ObjectEditForm />
|
|
</Suspense>
|
|
}
|
|
/>
|
|
</Route>
|
|
<Route path="/vocabularies" element={<VocabulariesPage />}>
|
|
<Route index element={<SelectVocabularyPrompt />} />
|
|
<Route path=":id" element={<VocabularyTerms />} />
|
|
</Route>
|
|
<Route path="/search" element={<SearchPage />}>
|
|
<Route index element={<SelectSearchPrompt />} />
|
|
<Route path=":id" element={<ObjectDetail />} />
|
|
</Route>
|
|
<Route path="/authorities" element={<Navigate to="/authorities/person" replace />} />
|
|
<Route path="/authorities/:kind" element={<AuthoritiesPage />} />
|
|
<Route
|
|
path="/fields"
|
|
element={
|
|
<Suspense fallback={<FormFallback />}>
|
|
<FieldsPage />
|
|
</Suspense>
|
|
}
|
|
/>
|
|
<Route path="/" element={<Navigate to="/objects" replace />} />
|
|
</Route>
|
|
</Route>
|
|
<Route path="*" element={<Navigate to="/objects" replace />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
);
|
|
}
|