Collapse and log join, part and quit, closes #27, log nick and topic changes, move state into irc package

client/js/components/pages/Chat/Message.js

@@ -2,24 +2,23 @@ import React, { memo } from 'react';
 import classnames from 'classnames';
 import stringToRGB from 'utils/color';
 
-const Message = ({ message, coloredNick, style, onNickClick }) => {
+const Message = ({ message, coloredNick, onNickClick }) => {
   const className = classnames('message', {
     [`message-${message.type}`]: message.type
   });
 
   if (message.type === 'date') {
     return (
-      <div className={className} style={style}>
+      <div className={className}>
         {message.content}
         <hr />
       </div>
     );
   }
 
-  style = {
-    ...style,
-    paddingLeft: `${window.messageIndent + 15}px`,
-    textIndent: `-${window.messageIndent}px`
+  const style = {
+    paddingLeft: `${message.indent + 15}px`,
+    textIndent: `-${message.indent}px`
   };
 
   const senderStyle = {};

client/js/components/pages/Chat/MessageBox.js

@@ -247,12 +247,13 @@ export default class MessageBox extends PureComponent {
     const message = messages[index - 1];
 
     return (
-      <Message
-        message={message}
-        coloredNick={coloredNicks}
-        style={style}
-        onNickClick={onNickClick}
-      />
+      <div style={style}>
+        <Message
+          message={message}
+          coloredNick={coloredNicks}
+          onNickClick={onNickClick}
+        />
+      </div>
     );
   };