woj/woj-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: lazy load some components

Browse Source
This commit is contained in:
Paul Pan 2023-12-23 16:13:09 +08:00
parent 6be63f984c
commit a9258d9118
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/main.tsx
View File

@ -14,7 +14,6 @@ import { AuthProvider } from "./components/auth.tsx";
import { RouteConfigs } from "./routes.tsx";
import Root from "./pages/root.tsx";
import HomePage from "./pages/home.tsx";
import ErrorPage from "./pages/error-page.tsx";
import "./index.css";
@ -44,8 +43,9 @@ Sentry.init({
replaysOnErrorSampleRate: 1.0,
});
const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouter(createBrowserRouter);
const HomePage = React.lazy(() => import("./pages/home.tsx"));
const sentryCreateBrowserRouter = Sentry.wrapCreateBrowserRouter(createBrowserRouter);
const router = sentryCreateBrowserRouter([
{
path: "/",

6
src/pages/problem.tsx
View File

@ -1,10 +1,12 @@
import { lazy } from "react";
import { Row, Col, Space, Button } from "antd";
import { PlayCircleOutlined, SearchOutlined } from "@ant-design/icons";
import { useLoaderData, useNavigate } from "react-router-dom";
import Markdown from "../components/markdown.tsx";
import { DetailsResp } from "../api/problem.ts";
import ProblemDetails from "../components/problem-details.tsx";
const Markdown = lazy(() => import("../components/markdown.tsx"));
const ProblemDetails = lazy(() => import("../components/problem-details.tsx"));
export default function ProblemPage() {
const details = useLoaderData() as DetailsResp;