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

change where typekit is loaded

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-04-21 16:28:43 +02:00
parent e9073bf677
commit 5e20db2f72
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/atoms/Head.js
View File

@ -1,15 +1,9 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import Helmet from 'react-helmet' import Helmet from 'react-helmet'
import WebFont from 'webfontloader'
class Head extends React.Component { const Head = ({ meta }) => {
componentDidMount() { const { title, tagline, description } = meta
WebFont.load({ typekit: { id: this.props.meta.typekit } })
}
render() {
const { title, tagline, description } = this.props.meta
return ( return (
<Helmet <Helmet
@ -22,7 +16,6 @@ class Head extends React.Component {
</Helmet> </Helmet>
) )
} }
}
Head.propTypes = { Head.propTypes = {
meta: PropTypes.object, meta: PropTypes.object,

3
src/layouts/index.js
View File

@ -1,5 +1,6 @@
import React from 'react' import React from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import WebFont from 'webfontloader'
import Head from '../components/atoms/Head' import Head from '../components/atoms/Head'
import Header from '../components/organisms/Header' import Header from '../components/organisms/Header'
import Footer from '../components/organisms/Footer' import Footer from '../components/organisms/Footer'
@ -12,6 +13,8 @@ const TemplateWrapper = ({ data, location, children }) => {
return ( return (
<div className="app"> <div className="app">
<Head meta={meta} /> <Head meta={meta} />
{WebFont.load({ typekit: { id: meta.typekit } })}
<Header meta={meta} isHomepage={isHomepage} /> <Header meta={meta} isHomepage={isHomepage} />
{children()} {children()}