3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-30 17:37:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat: add next/prev button for docs according to sidebar

Browse source
This commit is contained in:
endiliey 2018-09-15 00:25:12 +08:00
parent 11b0d15238
commit 318ea5fbb5
3 changed files with 42 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

28
lib/theme/Docs/index.js
View file

@ -6,13 +6,37 @@ import Layout from '@theme/Layout'; // eslint-disable-line
export default class Docs extends React.Component {
render() {
const {route, siteConfig, metadata} = this.props;
const {route, siteConfig, docsMetadata, metadata} = this.props;
return (
<Layout {...this.props}>
<Helmet>
<title>{(metadata && metadata.title) || siteConfig.title}</title>
</Helmet>
<div className={styles.mainContainer}>{this.props.children}</div>
<div className="docs-prevnext">
{metadata.previous &&
docsMetadata[metadata.previous] && (
<a
className="docs-prev button"
href={docsMetadata[metadata.previous].permalink}>
<span className="arrow-prev">← </span>
<span>{metadata.previous_title}</span>
</a>
)}
</div>
<div className="docs-prevnext">
{metadata.next &&
docsMetadata[metadata.next] && (
<a
className="docs-prev button"
href={docsMetadata[metadata.next].permalink}>
<span>{metadata.next_title}</span>
<span className="arrow-prev">→ </span>
</a>
)}
</div>
<div className={styles.mainContainer}>
{this.props.children}
</div>
</Layout>
);
}