diff --git a/web/src/app.tsx b/web/src/app.tsx index 8196493..5508f09 100644 --- a/web/src/app.tsx +++ b/web/src/app.tsx @@ -1,14 +1,25 @@ +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 { ObjectNewPage } from "./objects/object-new-page"; import { ObjectDetail } from "./objects/object-detail"; -import { ObjectEditForm } from "./objects/object-edit-form"; import { SelectPrompt } from "./objects/select-prompt"; +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 })), +); + +function FormFallback() { + return
Loading…
; +} + export function App() { return ( @@ -16,11 +27,25 @@ export function App() { } /> }> }> - } /> + }> + + + } + /> }> } /> } /> - } /> + }> + + + } + /> } />