source/server/apps/captcha.jsx from impequid/dynamic-dns

source/server/apps/captcha.jsx
Summary

Maintainability

0 mins
Test Coverage

Issues
// import external

import React from 'react';
import ReactDOM from 'react-dom/server';

// import internal

import App from '../components/captcha';
import actions from '../actions/captcha';

// functions

export default class ServerSideCaptcha extends React.Component {

    render () {

        const {initialState} = this.props;

        actions.hydrate(initialState);

        return (
            <html>
                <head>
                    <title>{initialState.serverName}</title>
                    <script dangerouslySetInnerHTML={{__html: `var INITIAL_STATE = JSON.parse('${JSON.stringify(initialState)}');`}}/>
                    <meta charSet="utf-8"/>
                    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

                    <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaLoaded&render=explicit" async defer></script>
                    <link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/12-cube.svg/64px-12-cube.svg.png" crossOrigin="anonymous"/>
                    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossOrigin="anonymous"/>

                    <link rel="stylesheet" href="/styles/main.css"/>
                    <script src="/bundle/captcha.js"/>
                </head>
                <body>
                    <div id="app" dangerouslySetInnerHTML={{__html: ReactDOM.renderToString(<App/>)}}></div>
                </body>
            </html>
        );
    }

}