/** * 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 from 'react'; import {Link} from 'react-router-dom'; import Head from '@docusaurus/head'; import classnames from 'classnames'; import Layout from '@theme/Layout'; // eslint-disable-line import DocusaurusContext from '@docusaurus/context'; import styles from './styles.module.css'; class BlogPost extends React.Component { renderPostHeader() { const {metadata} = this.context; if (!metadata) { return null; } const { date, author, authorURL, authorTitle, authorFBID, permalink, title, } = metadata; const blogPostDate = new Date(date); const month = [ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December', ]; const authorImageURL = authorFBID ? `https://graph.facebook.com/${authorFBID}/picture/?height=200&width=200` : metadata.authorImageURL; return (

{title}

{month[blogPostDate.getMonth()]} {blogPostDate.getDay()},{' '} {blogPostDate.getFullYear()}

{author ? (

{author} {authorTitle}

) : null} {authorImageURL && (
{author}
)}{' '}
); } render() { const {metadata = {}, siteConfig = {}} = this.context; const {baseUrl, favicon} = siteConfig; const {language, title} = metadata; return ( {title && {title}} {favicon && } {language && } {this.renderPostHeader()} {this.props.children} ); } } BlogPost.contextType = DocusaurusContext; export default BlogPost;