46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
export default class HTML extends React.Component {
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<html {...this.props.htmlAttributes} land='en'>
|
||
|
|
<head>
|
||
|
|
<meta charSet='utf-8' />
|
||
|
|
<meta content='ie=edge' httpEquiv='x-ua-compatible' />
|
||
|
|
<meta
|
||
|
|
content='width=device-width, initial-scale=1, shrink-to-fit=no'
|
||
|
|
name='viewport'
|
||
|
|
/>
|
||
|
|
<link
|
||
|
|
href={
|
||
|
|
'https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/' +
|
||
|
|
'bootstrap.min.css'
|
||
|
|
}
|
||
|
|
rel='stylesheet'
|
||
|
|
/>
|
||
|
|
{this.props.headComponents}
|
||
|
|
</head>
|
||
|
|
<body {...this.props.bodyAttributes}>
|
||
|
|
{this.props.preBodyComponents}
|
||
|
|
<div
|
||
|
|
dangerouslySetInnerHTML={{ __html: this.props.body }}
|
||
|
|
id='___gatsby'
|
||
|
|
key={'body'}
|
||
|
|
/>
|
||
|
|
{this.props.postBodyComponents}
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
HTML.propTypes = {
|
||
|
|
body: PropTypes.string,
|
||
|
|
bodyAttributes: PropTypes.object,
|
||
|
|
headComponents: PropTypes.array,
|
||
|
|
htmlAttributes: PropTypes.object,
|
||
|
|
postBodyComponents: PropTypes.array,
|
||
|
|
preBodyComponents: PropTypes.array
|
||
|
|
};
|