Improve message rendering

client/src/js/components/MessageHeader.js

@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-import Autolinker from 'autolinker';
-import { timestamp } from '../util';
-
-export default class MessageHeader extends Component {
-  shouldComponentUpdate(nextProps) {
-    return nextProps.message.lines[0] !== this.props.message.lines[0];
-  }
-
-  handleSenderClick = () => {
-    const { message, openPrivateChat, select } = this.props;
-
-    openPrivateChat(message.server, message.from);
-    select(message.server, message.from, true);
-  };
-
-  render() {
-    const { message } = this.props;
-    const line = Autolinker.link(message.lines[0], { stripPrefix: false });
-    const classes = ['message'];
-    let sender = null;
-
-    if (message.type) {
-      classes.push(`message-${message.type}`);
-    }
-
-    if (message.from) {
-      sender = (
-        <span>
-          {' '}
-          <span className="message-sender" onClick={this.handleSenderClick}>
-            {message.from}
-          </span>
-        </span>
-      );
-    }
-
-    return (
-      <p className={classes.join(' ')}>
-        <span className="message-time">{timestamp(message.time)}</span>
-        {sender}
-        <span dangerouslySetInnerHTML={{ __html: ` ${line}` }}></span>
-      </p>
-    );
-  }
-}