refactor(v2): extract out into standalone components (#1017)

This commit is contained in:
Yangshun Tay 2018-10-04 14:43:36 -07:00 committed by GitHub
parent a364aa531c
commit e3d57d244b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 99 additions and 69 deletions

View file

@ -1,6 +1,5 @@
import React from 'react';
import {Link} from 'react-router-dom';
import styles from './styles.css';
import Footer from '@theme/Footer'; // eslint-disable-line
/* eslint-disable react/prefer-stateless-function */
export default class Layout extends React.Component {
@ -11,21 +10,14 @@ export default class Layout extends React.Component {
docsMetadatas = {},
location,
} = this.props;
const docsFlatMetadatas = Object.values(docsMetadatas);
const routeLinks = [...pagesMetadatas, ...docsFlatMetadatas].map(
data =>
data.permalink !== location.pathname && (
<li key={data.permalink}>
<Link to={data.permalink}>{data.permalink}</Link>
</li>
),
);
return (
<div>
{children}
<div className={styles.footer}>
<ul className={styles.routeLinks}>{routeLinks}</ul>
</div>
<Footer
docsMetadatas={docsMetadatas}
location={location}
pagesMetadatas={pagesMetadatas}
/>
</div>
);
}