m.notice

css/molecules/MNoticeTile.css

@@ -0,0 +1,3 @@
+.mx_MNoticeTile {
+    color: #666;
+}

src/ComponentBroker.js

@@ -31,6 +31,7 @@ require('./views/molecules/MessageTile');
 require('./views/molecules/SenderProfile');
 require('./views/molecules/UnknownMessageTile');
 require('./views/molecules/MTextTile');
+require('./views/molecules/MNoticeTile');
 require('./views/molecules/MEmoteTile');
 require('./views/molecules/RoomHeader');
 require('./views/molecules/MessageComposer');

src/controllers/molecules/MNoticeTile.js

@@ -0,0 +1,2 @@
+module.exports = {
+};

src/views/molecules/MNoticeTile.js

@@ -0,0 +1,17 @@
+var React = require('react');
+
+var MNoticeTileController = require("../../controllers/molecules/MNoticeTile");
+
+module.exports = React.createClass({
+    mixins: [MNoticeTileController],
+
+    render: function() {
+        var content = this.props.mxEvent.getContent();
+        return (
+            <span className="mx_MNoticeTile">
+                {content.body}
+            </span>
+        );
+    },
+});
+

src/views/molecules/MessageTile.js

@@ -11,6 +11,7 @@ var UnknownMessageTile = ComponentBroker.get('molecules/UnknownMessageTile');
 
 var tileTypes = {
     'm.text': ComponentBroker.get('molecules/MTextTile'),
+    'm.notice': ComponentBroker.get('molecules/MNoticeTile'),
     'm.emote': ComponentBroker.get('molecules/MEmoteTile')
 };