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

refactor: use <Link /> from react-router for next/prev link

Browse source
This commit is contained in:
endiliey 2018-09-15 00:29:33 +08:00
parent 318ea5fbb5
commit e071788f68
1 changed files with 10 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,6 @@
/* eslint-disable */ /* eslint-disable */
import React from 'react'; import React from 'react';
import {Link} from 'react-router-dom';
import Helmet from 'react-helmet'; import Helmet from 'react-helmet';
import styles from './styles.css'; import styles from './styles.css';
import Layout from '@theme/Layout'; // eslint-disable-line import Layout from '@theme/Layout'; // eslint-disable-line
@ -12,31 +13,23 @@ export default class Docs extends React.Component {
<Helmet> <Helmet>
<title>{(metadata && metadata.title) || siteConfig.title}</title> <title>{(metadata && metadata.title) || siteConfig.title}</title>
</Helmet> </Helmet>
<div className="docs-prevnext"> <div>
{metadata.previous && {metadata.previous &&
docsMetadata[metadata.previous] && ( docsMetadata[metadata.previous] && (
<a <Link to={docsMetadata[metadata.previous].permalink}>
className="docs-prev button" <span>← {metadata.previous_title}</span>
href={docsMetadata[metadata.previous].permalink}> </Link>
<span className="arrow-prev">← </span>
<span>{metadata.previous_title}</span>
</a>
)} )}
</div> </div>
<div className="docs-prevnext"> <div>
{metadata.next && {metadata.next &&
docsMetadata[metadata.next] && ( docsMetadata[metadata.next] && (
<a <Link to={docsMetadata[metadata.next].permalink}>
className="docs-prev button" <span>{metadata.next_title} →</span>
href={docsMetadata[metadata.next].permalink}> </Link>
<span>{metadata.next_title}</span>
<span className="arrow-prev">→ </span>
</a>
)} )}
</div> </div>
<div className={styles.mainContainer}> <div className={styles.mainContainer}>{this.props.children}</div>
{this.props.children}
</div>
</Layout> </Layout>
); );
} }