35 lines
973 B
TypeScript
35 lines
973 B
TypeScript
import PropTypes from 'prop-types'
|
|
import React from 'react'
|
|
import { Helmet } from 'react-helmet'
|
|
|
|
// @ts-ignore
|
|
const Facebook = ({ url, name, type, title, desc, image, locale }) => (
|
|
<Helmet>
|
|
{name && <meta property="og:site_name" content={name} />}
|
|
<meta property="og:locale" content={locale} />
|
|
<meta property="og:url" content={url} />
|
|
<meta property="og:type" content={type} />
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:description" content={desc} />
|
|
<meta property="og:image" content={image} />
|
|
<meta property="og:image:alt" content={desc} />
|
|
</Helmet>
|
|
)
|
|
|
|
export default Facebook
|
|
|
|
Facebook.propTypes = {
|
|
url: PropTypes.string.isRequired,
|
|
locale: PropTypes.string.isRequired,
|
|
type: PropTypes.string,
|
|
title: PropTypes.string.isRequired,
|
|
desc: PropTypes.string.isRequired,
|
|
image: PropTypes.string.isRequired,
|
|
name: PropTypes.string,
|
|
}
|
|
|
|
Facebook.defaultProps = {
|
|
type: 'website',
|
|
name: null,
|
|
}
|