-
-
Notifications
You must be signed in to change notification settings - Fork 8.4k
/
OnPageNav.js
47 lines (40 loc) · 1.12 KB
/
OnPageNav.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
const React = require('react');
const siteConfig = require(`${process.cwd()}/siteConfig.js`);
const {getTOC} = require('../toc');
const Link = ({hashLink, content}) => (
<a
href={`#${hashLink}`}
dangerouslySetInnerHTML={{
__html: content,
}}
/>
);
const Headings = ({headings}) => {
if (!headings.length) return null;
return (
<ul className="toc-headings">
{headings.map(heading => (
<li key={heading.hashLink}>
<Link hashLink={heading.hashLink} content={heading.content} />
<Headings headings={heading.children} />
</li>
))}
</ul>
);
};
class OnPageNav extends React.Component {
render() {
const customTags = siteConfig.onPageNavHeadings;
const headings = customTags
? getTOC(this.props.rawContent, customTags.topLevel, customTags.sub)
: getTOC(this.props.rawContent);
return <Headings headings={headings} />;
}
}
module.exports = OnPageNav;