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

Created sider for Chat messages.

Browse Source
This commit is contained in:
Patrick Fic
2020-01-31 14:42:54 -08:00
parent e2518a95ab
commit 55cec20914
4 changed files with 69 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,6 @@ import HeaderContainer from "../../components/header/header.container";
import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
import "./manage.page.styles.scss";
//const WhiteBoardPage = lazy(() => import("../white-board/white-board.page"));
const ManageRootPage = lazy(() =>
import("../manage-root/manage-root.page.container")
@@ -27,7 +26,7 @@ const JobsAvailablePage = lazy(() =>
import("../jobs-available/jobs-available.page.container")
);
const { Header, Content, Footer } = Layout;
const { Header, Content, Footer, Sider } = Layout;
//This page will handle all routing for the entire application.
export default function Manage({ match }) {
const { t } = useTranslation();
@@ -37,49 +36,58 @@ export default function Manage({ match }) {
}, [t]);
return (
<Layout>
<Layout style={{ minHeight: "100vh" }}>
<Header>
<HeaderContainer />
</Header>
<Layout>
<Sider
collapsible
defaultCollapsed
theme="light"
collapsedWidth={0}
width={300}
>
<chatWindowContainer />
</Sider>
<Content className="content-container">
<ErrorBoundary>
<Suspense
fallback={
<LoadingSpinner message={t("general.labels.loadingapp")} />
}
>
<Route exact path={`${match.path}`} component={ManageRootPage} />
<Content className="content-container" style={{ margin: "50px" }}>
<ErrorBoundary>
<Suspense
fallback={
<LoadingSpinner message={t("general.labels.loadingapp")} />
}
>
<Route exact path={`${match.path}`} component={ManageRootPage} />
<Route exact path={`${match.path}/jobs`} component={JobsPage} />
<Route exact path={`${match.path}/jobs`} component={JobsPage} />
<Route
exact
path={`${match.path}/jobs/:jobId`}
component={JobsDetailPage}
/>
<Route
exact
path={`${match.path}/jobs/:jobId/documents`}
component={JobsDocumentsPage}
/>
<Route
exact
path={`${match.path}/profile`}
component={ProfilePage}
/>
<Route
exact
path={`${match.path}/available`}
component={JobsAvailablePage}
/>
</Suspense>
</ErrorBoundary>
</Content>
<Route
exact
path={`${match.path}/jobs/:jobId`}
component={JobsDetailPage}
/>
<Route
exact
path={`${match.path}/jobs/:jobId/documents`}
component={JobsDocumentsPage}
/>
<Route
exact
path={`${match.path}/profile`}
component={ProfilePage}
/>
<Route
exact
path={`${match.path}/available`}
component={JobsAvailablePage}
/>
</Suspense>
</ErrorBoundary>
</Content>
</Layout>
<Footer>
<ChatWindowContainer />
<FooterComponent />
</Footer>
<BackTop />