diff --git a/css/molecules/MNoticeTile.css b/css/molecules/MNoticeTile.css new file mode 100644 index 0000000000..baeeab1c1a --- /dev/null +++ b/css/molecules/MNoticeTile.css @@ -0,0 +1,3 @@ +.mx_MNoticeTile { + color: #666; +} diff --git a/src/ComponentBroker.js b/src/ComponentBroker.js index 1d524267ec..7ce0b4b0e2 100644 --- a/src/ComponentBroker.js +++ b/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'); diff --git a/src/controllers/molecules/MNoticeTile.js b/src/controllers/molecules/MNoticeTile.js new file mode 100644 index 0000000000..7be35b6b6e --- /dev/null +++ b/src/controllers/molecules/MNoticeTile.js @@ -0,0 +1,2 @@ +module.exports = { +}; diff --git a/src/views/molecules/MNoticeTile.js b/src/views/molecules/MNoticeTile.js new file mode 100644 index 0000000000..042f17b9c6 --- /dev/null +++ b/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 ( + + {content.body} + + ); + }, +}); + diff --git a/src/views/molecules/MessageTile.js b/src/views/molecules/MessageTile.js index ad1934f298..96218b719f 100644 --- a/src/views/molecules/MessageTile.js +++ b/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') };