mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-01-09 15:06:15 -05:00
383320095f
* rename * migrate Co-authored-by: Parth Parth <thecodingaviator@users.noreply.github.com>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
interface HTMLProps {
|
|
body: string;
|
|
bodyAttributes?: Record<string, unknown>;
|
|
headComponents?: React.ReactNode[];
|
|
htmlAttributes?: Record<string, unknown>;
|
|
postBodyComponents?: React.ReactNode[];
|
|
preBodyComponents?: React.ReactNode[];
|
|
}
|
|
|
|
export default class HTML extends React.Component<HTMLProps> {
|
|
render(): JSX.Element {
|
|
return (
|
|
<html id='__fcc-html' {...this.props.htmlAttributes} lang='en'>
|
|
<head>
|
|
<meta charSet='utf-8' />
|
|
<meta content='ie=edge' httpEquiv='x-ua-compatible' />
|
|
<meta
|
|
content='width=device-width, initial-scale=1.0, shrink-to-fit=no'
|
|
name='viewport'
|
|
/>
|
|
{this.props.headComponents}
|
|
</head>
|
|
<body {...this.props.bodyAttributes}>
|
|
{this.props.preBodyComponents}
|
|
<div
|
|
className='tex2jax_ignore'
|
|
dangerouslySetInnerHTML={{ __html: this.props.body }}
|
|
id='___gatsby'
|
|
key={'body'}
|
|
/>
|
|
{this.props.postBodyComponents}
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|
|
}
|