3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-25 23:17:06 +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 */
import React from 'react';
import {Link} from 'react-router-dom';
import Helmet from 'react-helmet';
import styles from './styles.css';
import Layout from '@theme/Layout'; // eslint-disable-line
@ -12,31 +13,23 @@ export default class Docs extends React.Component {
<Helmet>
<title>{(metadata && metadata.title) || siteConfig.title}</title>
</Helmet>
<div className="docs-prevnext">
<div>
{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>
<Link to={docsMetadata[metadata.previous].permalink}>
<span>← {metadata.previous_title}</span>
</Link>
)}
</div>
<div className="docs-prevnext">
<div>
{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>
<Link to={docsMetadata[metadata.next].permalink}>
<span>{metadata.next_title} →</span>
</Link>
)}
</div>
<div className={styles.mainContainer}>
{this.props.children}
</div>
<div className={styles.mainContainer}>{this.props.children}</div>
</Layout>
);
}