Use firebase push IDs for messages

client/src/js/actions/message.js

@@ -1,6 +1,8 @@
 import * as actions from '../actions';
 import { findBreakpoints, messageHeight, linkify, timestamp } from '../util';
 
+let nextID = 0;
+
 function initMessage(message, server, tab, state) {
   if (message.time) {
     message.time = timestamp(new Date(message.time * 1000));
@@ -8,6 +10,11 @@ function initMessage(message, server, tab, state) {
     message.time = timestamp();
   }
 
+  if (!message.id) {
+    message.id = nextID;
+    nextID++;
+  }
+
   if (tab.charAt(0) === '#') {
     message.channel = true;
   }

client/src/js/components/MessageBox.js

@@ -63,13 +63,14 @@ export default class MessageBox extends PureComponent {
     this.bottom = scrollTop + clientHeight >= scrollHeight;
   };
 
-  renderMessage = ({ index, style, key }) => {
+  renderMessage = ({ index, style }) => {
     const { messages, onNickClick } = this.props;
+    const message = messages.get(index);
 
     return (
       <Message
-        key={key}
-        message={messages.get(index)}
+        key={message.id}
+        message={message}
         style={style}
         onNickClick={onNickClick}
       />