highlight <code/> blocks via highlight.js

src/skins/vector/css/github.css

@@ -0,0 +1 @@
+../../../../node_modules/matrix-react-sdk/node_modules/highlight.js/styles/github.css

src/skins/vector/views/molecules/MNoticeTile.js

@@ -25,6 +25,20 @@ module.exports = React.createClass({
     displayName: 'MNoticeTile',
     mixins: [MNoticeTileController],
 
+    componentDidMount: function() {
+        HtmlUtils.highlightDom(this.getDOMNode());
+    },
+
+    componentDidUpdate: function() {
+        HtmlUtils.highlightDom(this.getDOMNode());
+    },
+
+    shouldComponentUpdate: function(nextProps) {
+        // exploit that events are immutable :)
+        return (nextProps.mxEvent.getId() !== this.props.mxEvent.getId() ||
+                nextProps.searchTerm !== this.props.searchTerm);
+    },
+
     // XXX: fix horrible duplication with MTextTile
     render: function() {
         var content = this.props.mxEvent.getContent();

src/skins/vector/views/molecules/MTextTile.js

@@ -25,6 +25,20 @@ module.exports = React.createClass({
     displayName: 'MTextTile',
     mixins: [MTextTileController],
 
+    componentDidMount: function() {
+        HtmlUtils.highlightDom(this.getDOMNode());
+    },
+
+    componentDidUpdate: function() {
+        HtmlUtils.highlightDom(this.getDOMNode());
+    },
+
+    shouldComponentUpdate: function(nextProps) {
+        // exploit that events are immutable :)
+        return (nextProps.mxEvent.getId() !== this.props.mxEvent.getId() ||
+                nextProps.searchTerm !== this.props.searchTerm);
+    },
+
     render: function() {
         var content = this.props.mxEvent.getContent();
         var body = HtmlUtils.bodyToHtml(content, this.props.searchTerm);