Added routing and basic board component.
This commit is contained in:
6
client/src/pages/manage/manage.page.container.jsx
Normal file
6
client/src/pages/manage/manage.page.container.jsx
Normal file
@@ -0,0 +1,6 @@
|
||||
import React from "react";
|
||||
import ManagePage from "./manage.page";
|
||||
|
||||
export default function ManagePageContainer() {
|
||||
return <ManagePage />;
|
||||
}
|
||||
@@ -1,19 +1,45 @@
|
||||
import React from 'react'
|
||||
import React from "react";
|
||||
import { Route } from "react-router";
|
||||
|
||||
//Component Imports
|
||||
import ManageShopContainer from '../../components/manage-shop/manage-shop.container';
|
||||
import WhiteBoardPageContainer from "../white-board/white-board.page.container";
|
||||
import JobsPageContainer from "../jobs/jobs.page.container";
|
||||
import JobsDetailPageContainer from "../jobs-detail/jobs-detail.page.container";
|
||||
import HeaderComponentContainer from "../../components/header/header.container";
|
||||
import FooterComponent from "../../components/footer/footer.component";
|
||||
|
||||
import { Layout } from "antd";
|
||||
|
||||
//This page will handle all routing for the entire application.
|
||||
export default function Manage({match}) {
|
||||
console.log('Manage: match ', match)
|
||||
return (
|
||||
<div>
|
||||
<Route exact path={`${match.path}`} component={ManageShopContainer}/>
|
||||
|
||||
<Route exact path={`${match.path}/jobs`} component={ManageShopContainer}/>
|
||||
<Route exact path={`${match.path}/jobs/:jobId`} component={ManageShopContainer}/>
|
||||
</div>
|
||||
)
|
||||
const { Header, Content, Footer } = Layout;
|
||||
//This page will handle all routing for the entire application.
|
||||
export default function Manage({ match }) {
|
||||
return (
|
||||
<Layout>
|
||||
<Header>
|
||||
<HeaderComponentContainer />
|
||||
</Header>
|
||||
|
||||
<Content>
|
||||
<Route
|
||||
exact
|
||||
path={`${match.path}`}
|
||||
component={WhiteBoardPageContainer}
|
||||
/>
|
||||
|
||||
<Route
|
||||
exact
|
||||
path={`${match.path}/jobs`}
|
||||
component={JobsPageContainer}
|
||||
/>
|
||||
<Route
|
||||
path={`${match.path}/jobs/:jobId`}
|
||||
component={JobsDetailPageContainer}
|
||||
/>
|
||||
</Content>
|
||||
|
||||
<Footer>
|
||||
<FooterComponent />
|
||||
</Footer>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user