mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-28 16:37:07 +02:00
refactor: use <Link /> from react-router for next/prev link
This commit is contained in:
parent
318ea5fbb5
commit
e071788f68
1 changed files with 10 additions and 17 deletions
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue