1 files changed, 20 insertions, 7 deletions
diff --git a/web/react/components/message_wrapper.jsx b/web/react/components/message_wrapper.jsx
index 5fc88a61b..bce305853 100644
--- a/web/react/components/message_wrapper.jsx
+++ b/web/react/components/message_wrapper.jsx
@@ -1,17 +1,30 @@
 // Copyright (c) 2015 Spinpunch, Inc. All Rights Reserved.
 // See License.txt for license information.
 
-var utils = require('../utils/utils.jsx');
+var Utils = require('../utils/utils.jsx');
 
-module.exports = React.createClass({
-    render: function() {
+export default class MessageWrapper extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
         if (this.props.message) {
-            var inner = utils.textToJsx(this.props.message, this.props.options);
+            var inner = Utils.textToJsx(this.props.message, this.props.options);
             return (
                 <div>{inner}</div>
             );
-        } else {
-            return <div/>
         }
+
+        return <div/>;
     }
-});
+}
+
+MessageWrapper.defaultProps = {
+    message: null,
+    options: null
+};
+MessageWrapper.propTypes = {
+    message: React.PropTypes.string,
+    options: React.PropTypes.object
+};