YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: dynamic lazy loading route with simple loading page (#632)

Browse Source 
* feat: dynamic loading route with simple loading page

* fix: lint fix

* Update web/src/less/loading.less

Co-authored-by: boojack <stevenlgtm@gmail.com>

Co-authored-by: boojack <stevenlgtm@gmail.com>
This commit is contained in:
Wence
2022-11-30 06:13:22 +08:00
committed by GitHub
parent 6384f5af74
commit b8f24af5ae
4 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/App.tsx
View File

@ -1,9 +1,10 @@
import { CssVarsProvider } from "@mui/joy/styles";
import { useEffect } from "react";
import { useEffect, Suspense } from "react";
import { useTranslation } from "react-i18next";
import { RouterProvider } from "react-router-dom";
import { locationService } from "./services";
import { useAppSelector } from "./store";
import Loading from "./pages/Loading";
import router from "./router";
import * as storage from "./helpers/storage";
import theme from "./theme";
@ -43,7 +44,9 @@ function App() {
return (
<CssVarsProvider theme={theme}>
<RouterProvider router={router} />
<Suspense fallback={<Loading />}>
<RouterProvider router={router} />
</Suspense>
</CssVarsProvider>
);
}