reduced TOC, fix scrollspy

src/templates/Javadoc/Toc.jsx

@@ -1,10 +1,10 @@
 import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
 import slugify from 'slugify'
-// import Scrollspy from 'react-scrollspy'
+import Scrollspy from 'react-scrollspy'
 import Scroll from '../../components/Scroll'
 import { cleanPaths } from './utils'
-// import stylesSidebar from '../../components/Sidebar.module.scss'
+import stylesSidebar from '../../components/Sidebar.module.scss'
 
 export default class Toc extends PureComponent {
     static propTypes = {
@@ -36,24 +36,27 @@ export default class Toc extends PureComponent {
         const slug = slugify(cleanedPath, {
             remove: /[*+~.()'"/!:@]/g
         })
+        let entity = cleanedPath.split('/')
+        entity = entity.pop()
 
         return (
             <li key={path}>
-                <Scroll type="id" element={slug} offset={-20}>
+                <Scroll type="id" element={`${slug}`} offset={-20}>
-                    <code>{cleanedPath}</code>
+                    <code>{entity}</code>
                 </Scroll>
-                {/* <Scrollspy
-                    items={this.state.subIds}
-                    currentClassName={stylesSidebar.scrollspyActive}
-                    offset={-30}
-                >
-                    {cleanedPath}
-                </Scrollspy> */}
             </li>
         )
     })
 
     render() {
-        return <ul>{this.items}</ul>
+        return (
+            <Scrollspy
+                items={this.state.subIds}
+                currentClassName={stylesSidebar.scrollspyActive}
+                offset={-30}
+            >
+                {this.items}
+            </Scrollspy>
+        )
     }
 }