docusaurus/packages/docusaurus-plugin-content-blog/components/BlogPost/index.js
Endilie Yacop Sucipto 4bd5d3937e
feat(v2): enhance @docusaurus/plugin-content-blog (#1311)
* feat(v2): @docusaurus/plugin-content-blog

* address code review
2019-03-26 01:39:58 +07:00

43 lines
1.2 KiB
JavaScript

/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React, {useContext} from 'react';
import Head from '@docusaurus/Head';
import Layout from '@theme/Layout'; // eslint-disable-line
import DocusaurusContext from '@docusaurus/context';
import Post from '../Post';
import styles from './styles.module.css';
function BlogPost(props) {
const {metadata: contextMetadata = {}, siteConfig = {}} = useContext(
DocusaurusContext,
);
const {baseUrl, favicon} = siteConfig;
const {language, title} = contextMetadata;
const {modules, metadata} = props;
const BlogPostContents = modules[0];
return (
<Layout>
<Head defaultTitle={siteConfig.title}>
{title && <title>{title}</title>}
{favicon && <link rel="shortcut icon" href={baseUrl + favicon} />}
{language && <html lang={language} />}
</Head>
{BlogPostContents && (
<div className={styles.blogPostContainer}>
<Post metadata={metadata}>
<BlogPostContents />
</Post>
</div>
)}
</Layout>
);
}
export default BlogPost;