Skip to content

Commit f7ff395

Browse files
committed
feat(web): use Loader component for code lazy loading
1 parent c54b331 commit f7ff395

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

web/src/app.tsx

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ const DisputeResolver = lazy(() => import("./pages/Resolver"));
1818
const GetPnk = lazy(() => import("./pages/GetPnk"));
1919
import Web3Provider from "context/Web3Provider";
2020

21+
import Loader from "components/Loader";
2122
import Layout from "layout/index";
2223

2324
import { SentryRoutes } from "./utils/sentry";
@@ -35,55 +36,55 @@ const App: React.FC = () => {
3536
<Route
3637
index
3738
element={
38-
<Suspense>
39+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
3940
<Home />
4041
</Suspense>
4142
}
4243
/>
4344
<Route
4445
path="cases/*"
4546
element={
46-
<Suspense>
47+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
4748
<Cases />
4849
</Suspense>
4950
}
5051
/>
5152
<Route
5253
path="courts/*"
5354
element={
54-
<Suspense>
55+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
5556
<Courts />
5657
</Suspense>
5758
}
5859
/>
5960
<Route
6061
path="dashboard/:page/:order/:filter"
6162
element={
62-
<Suspense>
63+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
6364
<Dashboard />
6465
</Suspense>
6566
}
6667
/>
6768
<Route
6869
path="dispute-template"
6970
element={
70-
<Suspense>
71+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
7172
<DisputeTemplateView />
7273
</Suspense>
7374
}
7475
/>
7576
<Route
7677
path="resolver/*"
7778
element={
78-
<Suspense>
79+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
7980
<DisputeResolver />
8081
</Suspense>
8182
}
8283
/>
8384
<Route
8485
path="get-pnk/*"
8586
element={
86-
<Suspense>
87+
<Suspense fallback={<Loader width={"48px"} height={"48px"} center />}>
8788
<GetPnk />
8889
</Suspense>
8990
}

0 commit comments

Comments
 (0)