automatically chose sidebar based on section

content/concepts/architecture.md

@@ -1,4 +1,3 @@
 ---
 title: Architecture
-sidebar: concepts
 ---

content/concepts/ecosystem.md

@@ -1,4 +1,3 @@
 ---
 title: Ecosystem
-sidebar: concepts
 ---

content/concepts/introduction.md

@@ -1,6 +1,5 @@
 ---
 title: Introduction
-sidebar: concepts
 ---
 
 What is Ocean Protocol?

content/concepts/security.md

@@ -1,4 +1,3 @@
 ---
 title: Security
-sidebar: concepts
 ---

content/concepts/terminology.md

@@ -1,6 +1,5 @@
 ---
 title: Terminology
-sidebar: concepts
 ---
 
 There is terminology specific to Ocean Protocol.

content/concepts/vulnerabilities.md

@@ -1,4 +1,3 @@
 ---
 title: Reporting vulnerabilities
-sidebar: concepts
 ---

src/components/Sidebar.jsx

@@ -38,7 +38,7 @@ const SidebarLink = ({ link, title, linkClasses }) => {
             )
         }
     } else {
-        return <>{this.props.title}</>
+        return title
     }
 }
 
@@ -72,6 +72,7 @@ export default class Sidebar extends Component {
 
     render() {
         const { sidebar, location } = this.props
+
         const sidebarfile = sidebar
             ? require(`../data/sidebars/${sidebar}.yml`) // eslint-disable-line
             : []

src/data/sidebars/tutorials.yml

@@ -0,0 +1 @@
+-

src/templates/Doc.jsx

@@ -11,14 +11,13 @@ export default class DocTemplate extends Component {
     }
 
     render() {
+        const { location } = this.props
         const post = this.props.data.markdownRemark
+        const { section } = post.fields
 
         return (
-            <Layout location={this.props.location}>
-                <Sidebar
-                    location={this.props.location}
-                    sidebar={post.frontmatter.sidebar}
-                />
+            <Layout location={location}>
+                <Sidebar location={location} sidebar={section} />
 
                 <h1>{post.frontmatter.title}</h1>
                 <div dangerouslySetInnerHTML={{ __html: post.html }} />
@@ -40,7 +39,9 @@ export const pageQuery = graphql`
             html
             frontmatter {
                 title
-                sidebar
+            }
+            fields {
+                section
             }
         }
     }