55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
import React from 'react';
|
|
import { Helmet } from 'react-helmet';
|
|
import { RouteComponentProps, withRouter } from 'react-router';
|
|
import ogpLogo from 'static/images/ogp-logo.png';
|
|
import { urlToPublic } from 'utils/helpers';
|
|
|
|
interface OwnProps {
|
|
title: string;
|
|
}
|
|
|
|
type Props = OwnProps & RouteComponentProps<any>;
|
|
|
|
class BasicHead extends React.Component<Props> {
|
|
render() {
|
|
const { children, title } = this.props;
|
|
const defaultOgpUrl = process.env.PUBLIC_HOST_URL + this.props.location.pathname;
|
|
const defaultOgpImage = urlToPublic(ogpLogo);
|
|
return (
|
|
<div>
|
|
<Helmet>
|
|
<title>{`Grant.io - ${title}`}</title>
|
|
<meta name={`${title} page`} content={`${title} page stuff`} />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
|
|
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
|
|
crossOrigin="anonymous"
|
|
/>
|
|
|
|
{/* open graph protocol defaults, can be overridden in children <HeaderDetails ...> */}
|
|
<meta property="og:site_name" content="Grant.io" />
|
|
<meta property="og:title" content={`Grant.io - ${title}`} />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content={defaultOgpUrl} />
|
|
<meta property="og:image" content={defaultOgpImage} />
|
|
<meta property="og:locale" content="en_US" />
|
|
{/* TODO: i18n */}
|
|
{/* <meta property="og:locale:alternate" content="en_US" /> */}
|
|
{/* <meta property="og:locale:alternate" content="de_DE" /> */}
|
|
|
|
{/* twitter defaults, can be overridden in children <HeaderDetails ...> */}
|
|
<meta property="twitter:card" content="summary_large_image" />
|
|
<meta property="twitter:site" content="@io_grant" />
|
|
<meta property="twitter:title" content={`Grant.io - ${title}`} />
|
|
<meta property="twitter:image" content={defaultOgpImage} />
|
|
<meta property="twitter:url" content={defaultOgpUrl} />
|
|
</Helmet>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default withRouter(BasicHead);
|