docusaurus/lib/theme/Layout/index.js
2018-08-26 03:19:09 +08:00

26 lines
706 B
JavaScript

import React from 'react';
import {Link} from 'react-router-dom';
import styles from './styles.css';
/* eslint-disable react/prefer-stateless-function */
export default class Layout extends React.Component {
render() {
const {children, pagesData, docsData, location} = this.props;
const routeLinks = [...pagesData, ...docsData].map(
data =>
data.path !== location.pathname && (
<li key={data.path}>
<Link to={data.path}>{data.path}</Link>
</li>
)
);
return (
<div>
{children}
<div className={styles.footer}>
<ul className={styles.routeLinks}>{routeLinks}</ul>
</div>
</div>
);
}
}