m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00
Code Releases Activity

refactor for shorter render function

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-12-07 11:43:13 +01:00
parent da59536076
commit 53305f90ba
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 49 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/atoms/SEO.jsx
View File

@ -26,32 +26,7 @@ const query = graphql`
}
`
export default class SEO extends PureComponent {
static propTypes = {
project: PropTypes.object
}
render() {
const { project } = this.props
return (
<StaticQuery
query={query}
render={data => {
const meta = data.dataYaml
const title = (project && project.title) || meta.title
const description =
project && project.fields.excerpt
? project.fields.excerpt
: meta.description
const image =
project && project.img
? project.img.childImageSharp.twitterImage.src
: meta.img.childImageSharp.resize.src
const url =
project && project.slug ? `${meta.url}${project.slug}` : meta.url
const MetaTags = ({ title, description, url, image, meta }) => {
return (
<Helmet
defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
@ -79,6 +54,45 @@ export default class SEO extends PureComponent {
<meta name="twitter:image" content={`${meta.url}${image}`} />
</Helmet>
)
}
MetaTags.propTypes = {
title: PropTypes.string,
description: PropTypes.string,
url: PropTypes.string,
image: PropTypes.string,
meta: PropTypes.object
}
export default class SEO extends PureComponent {
static propTypes = {
project: PropTypes.object
}
render() {
return (
<StaticQuery
query={query}
render={data => {
const { project } = this.props
const meta = data.dataYaml
const title = (project && project.title) || meta.title
const description =
(project && project.fields.excerpt) || meta.description
const image =
(project && project.img.childImageSharp.twitterImage.src) ||
meta.img.childImageSharp.resize.src
const url = (project && `${meta.url}${project.slug}`) || meta.url
return (
<MetaTags
title={title}
description={description}
url={url}
image={image}
meta={meta}
/>
)
}}
/>
)