admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added setup tests file & react lazy loading + suspense.

Browse Source
This commit is contained in:
Patrick Fic
2019-12-30 07:45:17 -08:00
parent 850c3acb95
commit 78448bbc91
3 changed files with 53 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
client/src/pages/manage/manage.page.jsx
View File

@@ -1,14 +1,18 @@
import React from "react";
import React, { lazy, Suspense } from "react";
import { Route } from "react-router";
import { Layout, BackTop } from "antd";
//Component Imports
import WhiteBoardPage from "../white-board/white-board.page";
import JobsPage from "../jobs/jobs.page";
import JobsDetailPage from "../jobs-detail/jobs-detail.page";
// import WhiteBoardPage from "../white-board/white-board.page";
// import JobsPage from "../jobs/jobs.page";
// import JobsDetailPage from "../jobs-detail/jobs-detail.page";
import HeaderContainer from "../../components/header/header.container";
import FooterComponent from "../../components/footer/footer.component";
import { Layout, BackTop } from "antd";
const WhiteBoardPage = lazy(() => import("../white-board/white-board.page"));
const JobsPage = lazy(() => import("../jobs/jobs.page"));
const JobsDetailPage = lazy(() => import("../jobs-detail/jobs-detail.page"));
const { Header, Content, Footer } = Layout;
//This page will handle all routing for the entire application.
@@ -20,10 +24,17 @@ export default function Manage({ match }) {
</Header>
<Content>
<Route exact path={`${match.path}`} component={WhiteBoardPage} />
<Suspense
fallback={<div>TODO: Suspended Loading in Manage Page...</div>}
>
<Route exact path={`${match.path}`} component={WhiteBoardPage} />
<Route exact path={`${match.path}/jobs`} component={JobsPage} />
<Route path={`${match.path}/jobs/:jobId`} component={JobsDetailPage} />
<Route exact path={`${match.path}/jobs`} component={JobsPage} />
<Route
path={`${match.path}/jobs/:jobId`}
component={JobsDetailPage}
/>
</Suspense>
</Content>
<Footer>