refactor: linting html.js

This commit is contained in:
Simon Reinsperger 2017-03-07 16:46:07 +01:00
parent 1e87dfdb6b
commit 84cd888614
2 changed files with 46 additions and 35 deletions

View File

@ -4,5 +4,15 @@
"react",
"jsx-a11y",
"import"
]
],
"rules": {
"react/jsx-filename-extension": [0],
"react/prefer-es6-class": [0],
"global-require": [0],
"react/prefer-stateless-function": [0],
/* to allow importing 'gatsby-helpers' */
"import/no-extraneous-dependencies": [0],
"import/no-unresolved": [0],
"import/extensions": [0]
}
}

23
html.js
View File

@ -1,8 +1,8 @@
import React from 'react'
import Helmet from 'react-helmet'
import { prefixLink } from 'gatsby-helpers'
import React from 'react';
import Helmet from 'react-helmet';
import { prefixLink } from 'gatsby-helpers';
const BUILD_TIME = new Date().getTime()
const BUILD_TIME = new Date().getTime();
module.exports = React.createClass({
displayName: 'HTML',
@ -10,12 +10,13 @@ module.exports = React.createClass({
body: React.PropTypes.string,
},
render() {
const {body, route} = this.props
const {title} = Helmet.rewind()
const font = <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700&subset=latin,cyrillic' rel='stylesheet' type='text/css' />
let css
const { body } = this.props;
const { title } = Helmet.rewind();
const font = <link href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700&subset=latin,cyrillic" rel="stylesheet" type="text/css" />;
let css;
if (process.env.NODE_ENV === 'production') {
css = <style dangerouslySetInnerHTML={ { __html: require('!raw!./public/styles.css')} } />
// eslint-disable-next-line import/no-webpack-loader-syntax
css = <style dangerouslySetInnerHTML={{ __html: require('!raw!./public/styles.css') }} />;
}
return (
@ -33,6 +34,6 @@ module.exports = React.createClass({
<script src={prefixLink(`/bundle.js?t=${BUILD_TIME}`)} />
</body>
</html>
)
);
},
})
});