diff --git a/webapp/src/components/DataPage.tsx b/webapp/src/components/DataPage.tsx index ba9b1997c94b15e20a9ef52cd6dc3bff2fae344f..243cd2eaa2004ff0b972eb74cdd518081fccdd1c 100644 --- a/webapp/src/components/DataPage.tsx +++ b/webapp/src/components/DataPage.tsx @@ -5,6 +5,7 @@ import PageHeader from "../components/global/PageHeader" import SectionLink from "../components/global/SectionLink"; import SectionNavigation from "./SectionNavigation"; import { Sections } from "../helpers/constants"; +import PolicySidebar from "./PolicySidebar"; interface inputProps { title: string, @@ -16,7 +17,8 @@ interface inputProps { function DataPage({ title, filter, children, category }: inputProps): ReactElement { return ( <> - <OrganizationSidebar /> + {category === Sections.Organisation && <OrganizationSidebar />} + {category === Sections.Policy && <PolicySidebar />} <PageHeader type={'data'} header={'Compendium Data'}> <SectionLink section={"Reports"} /> </PageHeader> diff --git a/webapp/src/components/OrganizationSidebar.tsx b/webapp/src/components/OrganizationSidebar.tsx index 3805351ee8275e32fd111cedca769474cea56578..116b6a7628440351d5efd89fab353893b4280e00 100644 --- a/webapp/src/components/OrganizationSidebar.tsx +++ b/webapp/src/components/OrganizationSidebar.tsx @@ -50,11 +50,6 @@ const OrganizationSidebar = () => { <span>NREN Involvement in European Commission Projects</span> </Link> </Row> - <Row> - <Link to="/policy" className="link-text-underline"> - <span>NREN Policies</span> - </Link> - </Row> </Sidebar> ) } diff --git a/webapp/src/components/PolicySidebar.tsx b/webapp/src/components/PolicySidebar.tsx new file mode 100644 index 0000000000000000000000000000000000000000..2273db42127992efd2f49cbf6000d417336106a8 --- /dev/null +++ b/webapp/src/components/PolicySidebar.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { Link } from 'react-router-dom'; +import { Row } from 'react-bootstrap'; +import Sidebar from './SideBar'; + +const PolicySidebar = () => { + return ( + <Sidebar> + <h5>Standards and Policies</h5> + <Row> + <Link to="/policy" className="link-text-underline"> + <span>NREN Policies</span> + </Link> + </Row> + </Sidebar> + ) +} + +export default PolicySidebar \ No newline at end of file diff --git a/webapp/src/scss/layout/Sidebar.scss b/webapp/src/scss/layout/Sidebar.scss index 4efb5c28d8b002b8802f8523b51c5060e4067b81..6c4df14b2784cd6e27b861b46d246f94ea51dfee 100644 --- a/webapp/src/scss/layout/Sidebar.scss +++ b/webapp/src/scss/layout/Sidebar.scss @@ -21,6 +21,7 @@ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); border: $yellow-orange 2px solid; pointer-events: auto; + width: 28rem; a { padding-top: 0.3rem;