Extract boostrapping into its own component.

11 years ago · 07cafdb08b
parent 28d1b69b75
commit 07cafdb08b
3 changed files with 16 additions and 2 deletions
--- a/lib/client.js
+++ b/lib/client.js
@ -5,7 +5,7 @@ import alt from './alt'
 import webrtcSupport from 'webrtcsupport'
 import SupportActions from './actions/SupportActions'
-let bootstrap = document.documentElement.getAttribute('data-bootstrap')
+let bootstrap = document.getElementById('bootstrap').innerHTML
 alt.bootstrap(bootstrap)
 window.FilePizza = () => {
--- a/lib/components/App.js
+++ b/lib/components/App.js
@ -1,3 +1,4 @@
 import Bootstrap from './Bootstrap'
 import ErrorPage from './ErrorPage'
 import FrozenHead from 'react-frozenhead'
 import React from 'react'
@ -27,7 +28,7 @@ export default class App extends React.Component {
  }
  render() {
-    return <html lang="en" data-bootstrap={this.props.data}>
+    return <html lang="en">
      <FrozenHead>
        <meta charSet="utf-8" />
@ -40,6 +41,7 @@ export default class App extends React.Component {
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Quicksand:300,400,700|Lobster+Two" />
        <link rel="stylesheet" href="/css" />
        <Bootstrap data={this.props.data} />
        <script src="/js" />
      </FrozenHead>
--- a/lib/components/Bootstrap.js
+++ b/lib/components/Bootstrap.js
@ -0,0 +1,12 @@
 import React from 'react'
 export default class Bootstrap extends React.Component {
  render() {
    return <script
      id="bootstrap"
      type="application/json"
      dangerouslySetInnerHTML={{ __html: this.props.data}} />
  }
 }