mirror of
https://github.com/MedzikUser/gatsby-pingbot
synced 2024-08-15 03:20:27 +00:00
67 lines
1.3 KiB
JavaScript
67 lines
1.3 KiB
JavaScript
|
import React from "react"
|
||
|
import PropTypes from "prop-types"
|
||
|
import { Helmet } from "react-helmet"
|
||
|
import { useStaticQuery, graphql } from "gatsby"
|
||
|
|
||
|
function Seo(props) {
|
||
|
const { site } = useStaticQuery(
|
||
|
graphql`
|
||
|
query {
|
||
|
site {
|
||
|
siteMetadata {
|
||
|
title
|
||
|
description
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
`
|
||
|
)
|
||
|
|
||
|
const defaultDesc = props.description || site.siteMetadata.description
|
||
|
const defaultTitle = site.siteMetadata?.title
|
||
|
|
||
|
return (
|
||
|
<Helmet
|
||
|
title={props.title || defaultTitle}
|
||
|
meta={[
|
||
|
{
|
||
|
name: "description",
|
||
|
content: defaultDesc,
|
||
|
},
|
||
|
{
|
||
|
property: "og:title",
|
||
|
content: props.title || defaultTitle,
|
||
|
},
|
||
|
{
|
||
|
property: "og:description",
|
||
|
content: defaultDesc,
|
||
|
},
|
||
|
{
|
||
|
property: "og:type",
|
||
|
content: "website",
|
||
|
},
|
||
|
{
|
||
|
property: "theme-color",
|
||
|
content: props.embedColor
|
||
|
}
|
||
|
].concat(props.meta)}
|
||
|
/>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
Seo.defaultProps = {
|
||
|
lang: "en",
|
||
|
meta: [],
|
||
|
embedColor: "#282c34"
|
||
|
}
|
||
|
|
||
|
Seo.propTypes = {
|
||
|
description: PropTypes.string,
|
||
|
lang: PropTypes.string,
|
||
|
meta: PropTypes.arrayOf(PropTypes.object),
|
||
|
title: PropTypes.string,
|
||
|
embedColor: PropTypes.string
|
||
|
}
|
||
|
|
||
|
export default Seo
|