diff --git a/src/lib/render.jsx b/src/lib/render.jsx new file mode 100644 index 000000000..ed62ebe41 --- /dev/null +++ b/src/lib/render.jsx @@ -0,0 +1,23 @@ +var ReactDOM = require('react-dom'); +var ReactIntl = require('react-intl'); +var IntlProvider = ReactIntl.IntlProvider; + +module.exports = function (jsx, element) { + // Get locale and messages from global namespace (see "init.js") + var locale = window._locale; + var messages = window._translations[locale]; + + // Render component + var component = ReactDOM.render( + + {jsx} + , + element + ); + + // If in production, provide list of rendered components + if (process.env.NODE_ENV != 'production') { + window._renderedComponents = window._renderedComponents || []; + window._renderedComponents.push(component); + } +}; diff --git a/src/lib/renderer.jsx b/src/lib/renderer.jsx deleted file mode 100644 index 9a470cd21..000000000 --- a/src/lib/renderer.jsx +++ /dev/null @@ -1,13 +0,0 @@ -var ReactDOM = require('react-dom'); - -var Renderer = { - render: function (jsx, toElement) { - var rendered = ReactDOM.render(jsx, toElement); - if (process.env.NODE_ENV != 'production') { - window.renderedComponents = window.renderedComponents || []; - window.renderedComponents.push(rendered); - } - } -}; - -module.exports = Renderer; diff --git a/src/main.jsx b/src/main.jsx index 8372f839a..575115c7f 100644 --- a/src/main.jsx +++ b/src/main.jsx @@ -1,9 +1,9 @@ -var Renderer = require('./lib/renderer.jsx'); +var Render = require('./lib/render.jsx'); require('./main.scss'); var Navigation = require('./components/navigation/navigation.jsx'); var Footer = require('./components/footer/footer.jsx'); -Renderer.render(, document.getElementById('navigation')); -Renderer.render(