Update sidebar

nygrenh · nygrenh · commit b4e9ebeb7e5f · 2019-03-01T11:29:11.000+02:00
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
@@ -119,12 +119,10 @@ var content2 = [
     title: "Usein kysytyt kysymykset",
     path: "/usein-kysytyt-kysymykset",
   },
-  { separator: true },
+  { separator: true, title: "Ohjelmoinnin perusteet" },
 ]
 
 var futurePages = [
-  { separator: true },
-  { title: "Osa 8", tba: "1.3.2019" },
   { title: "Osa 9", tba: "8.3.2019" },
   { title: "Osa 10", tba: "15.3.2019" },
   { title: "Osa 11", tba: "22.3.2019" },
@@ -163,6 +161,12 @@ class Sidebar extends React.Component {
     }
     let content = content2.concat(edges)
     content = content.concat(futurePages)
+    let middlepoint = content.findIndex(o => o.title === "Osa 7")
+    content.splice(middlepoint + 1, 0, {
+      separator: true,
+      title: "Ohjelmoinnin jatkokurssi",
+    })
+
     return (
       <MobileWrapperOrFragment mobileMenuOpen={this.props.mobileMenuOpen}>
         <MenuExpanderWrapper>
diff --git a/src/components/TreeView/TreeViewItem.js b/src/components/TreeView/TreeViewItem.js
@@ -97,6 +97,11 @@ const StyledDivider = styled(Divider)`
   margin: 1em 16px !important;
 `
 
+const Centered = styled.div`
+  text-align: center;
+  margin-bottom: 0.5rem;
+`
+
 class TreeViewItem extends React.Component {
   constructor(props) {
     super(props)
@@ -119,7 +124,12 @@ class TreeViewItem extends React.Component {
   }
   render() {
     if (this.props.item.separator) {
-      return <StyledDivider />
+      return (
+        <Centered>
+          <StyledDivider />
+          <b>{this.props.item.title}</b>
+        </Centered>
+      )
     }
     return (
       <React.Fragment>
