|
|
@@ -1,9 +1,10 @@
|
|
|
"use strict";
|
|
|
|
|
|
-var React = require('react'),
|
|
|
- ReactDOM = require('react-dom'),
|
|
|
- ReactDOMServer = require('react-dom/server'),
|
|
|
- CommentBox = require('./app.jsx').CommentBox;
|
|
|
+
|
|
|
+import React from 'react';
|
|
|
+import ReactDOM from 'react-dom';
|
|
|
+import ReactDOMServer from 'react-dom/server';
|
|
|
+import App from './app.jsx';
|
|
|
|
|
|
|
|
|
require('bootstrap/dist/css/bootstrap.css');
|
|
|
@@ -11,7 +12,7 @@ require('bootstrap/dist/css/bootstrap.css');
|
|
|
global.renderClient = function (comments) {
|
|
|
var data = comments || [];
|
|
|
ReactDOM.render(
|
|
|
- <CommentBox data={data} url="/api/comments" pollInterval={2000}/>,
|
|
|
+ <App.CommentBox data={data} url="/api/comments" pollInterval={2000}/>,
|
|
|
document.getElementById('content')
|
|
|
);
|
|
|
};
|
|
|
@@ -19,7 +20,7 @@ global.renderClient = function (comments) {
|
|
|
global.renderServer = function (comments) {
|
|
|
var data = Java.from(comments);
|
|
|
return ReactDOMServer.renderToString(
|
|
|
- <CommentBox data={data} url="/api/comments" pollInterval={2000} />
|
|
|
+ <App.CommentBox data={data} url="/api/comments" pollInterval={2000} />
|
|
|
);
|
|
|
};
|
|
|
|