mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-05 05:07:14 +02:00
85336649d3
* feat(v2): headerlinks * fix test * nits * remove tictactoe: * headerIcon * nits * remove lang dropdown * fix failing test * search box * algolia search * use babel-eslint to resolve dynamic import * nits * favicon and title * Update .eslintignore
98 lines
2.7 KiB
JavaScript
98 lines
2.7 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.
|
|
*/
|
|
|
|
/* eslint-disable */
|
|
import React from 'react';
|
|
import {Link} from 'react-router-dom';
|
|
import Helmet from 'react-helmet';
|
|
import classnames from 'classnames';
|
|
import Layout from '@theme/Layout'; // eslint-disable-line
|
|
|
|
import styles from './styles.module.css';
|
|
export default class BlogPost extends React.Component {
|
|
renderPostHeader() {
|
|
const {metadata, siteConfig} = this.props;
|
|
const {baseUrl} = siteConfig;
|
|
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 (
|
|
<header className={styles.postHeader}>
|
|
<h1 className={styles.postHeaderTitle}>
|
|
<Link to={permalink}>{title}</Link>
|
|
</h1>
|
|
<p className={styles.postMeta}>
|
|
{month[blogPostDate.getMonth()]} {blogPostDate.getDay()},{' '}
|
|
{blogPostDate.getFullYear()}
|
|
</p>
|
|
<div className={styles.authorBlock}>
|
|
{author ? (
|
|
<p className={styles.authorName}>
|
|
<a href={authorURL} target="_blank" rel="noreferrer noopener">
|
|
{author}
|
|
</a>
|
|
{authorTitle}
|
|
</p>
|
|
) : null}
|
|
{authorImageURL && (
|
|
<div
|
|
className={classnames(styles.authorPhoto, {
|
|
[styles.authorPhotoBig]: author && authorTitle,
|
|
})}>
|
|
<a href={authorURL} target="_blank" rel="noreferrer noopener">
|
|
<img src={authorImageURL} alt={author} />
|
|
</a>
|
|
</div>
|
|
)}{' '}
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|
|
|
|
render() {
|
|
const {metadata, children, siteConfig = {}} = this.props;
|
|
const {baseUrl, favicon} = siteConfig;
|
|
const {language, title} = metadata;
|
|
return (
|
|
<Layout {...this.props}>
|
|
<Helmet defaultTitle={siteConfig.title}>
|
|
{title && <title>{title}</title>}
|
|
{favicon && <link rel="shortcut icon" href={baseUrl + favicon} />}
|
|
{language && <html lang={language} />}
|
|
</Helmet>
|
|
{this.renderPostHeader()}
|
|
{children}
|
|
</Layout>
|
|
);
|
|
}
|
|
}
|