Small code cleanup

src/client/actions/ChatActions.js

@@ -1,22 +1,16 @@
 import * as constants from '../constants.js'
-import _ from 'underscore'
 
-export function addMessage ({ userId, message, timestamp, image }) {
+export const addMessage = ({ userId, message, timestamp, image }) => ({
-  return {
+  type: constants.MESSAGE_ADD,
-    type: constants.MESSAGE_ADD,
+  payload: {
-    payload: {
+    userId,
-      id: _.uniqueId('chat'),
+    message,
-      userId,
+    timestamp,
-      message,
+    image
-      timestamp,
-      image
-    }
   }
-}
+})
 
-export function loadHistory (messages) {
+export const loadHistory = messages => ({
-  return {
+  type: constants.MESSAGES_HISTORY,
-    type: constants.MESSAGES_HISTORY,
+  messages
-    messages
+})
-  }
-}

src/client/components/Chat.js

@@ -72,21 +72,18 @@ export default class Chat extends React.PureComponent {
               <div key={i} className="chat-item">
                 <div className="chat-item-label" />
                 <div className="chat-item-icon">
-                  {message.image ? (
+                  <div className="profile-image-component
-                    <div className="profile-image-component
+                    profile-image-component-circle">
-                      profile-image-component-circle">
+                    {message.image ? (
                       <div className="profile-image-component-image">
                         <img src={message.image} />
                       </div>
-                    </div>
+                    ) : (
-                  ) : (
-                    <div className="profile-image-component
-                      profile-image-component-circle">
                       <div className="profile-image-component-initials">
                         {message.userId.substr(0, 2).toUpperCase()}
                       </div>
-                    </div>
+                    )}
-                  )}
+                  </div>
                 </div>
                 <div className="chat-item-content">
                   {message.message}

src/client/components/Toolbar.js

@@ -63,22 +63,21 @@ export default class Toolbar extends React.PureComponent {
         </div>
 
         {stream && (
-          <div onClick={this.handleMicClick}
+          <div>
-            className="button mute-audio"
+            <div onClick={this.handleMicClick}
-            title="Mute audio"
+              className="button mute-audio"
-          >
+              title="Mute audio"
-            <span className="on icon icon-mic_off" />
+            >
-            <span className="off icon icon-mic" />
+              <span className="on icon icon-mic_off" />
-          </div>
+              <span className="off icon icon-mic" />
-        )}
+            </div>
-
+            <div onClick={this.handleCamClick}
-        {stream && (
+              className="button mute-video"
-          <div onClick={this.handleCamClick}
+              title="Mute video"
-            className="button mute-video"
+            >
-            title="Mute video"
+              <span className="on icon icon-videocam_off" />
-          >
+              <span className="off icon icon-videocam" />
-            <span className="on icon icon-videocam_off" />
+            </div>
-            <span className="off icon icon-videocam" />
           </div>
         )}
 

src/client/components/Video.js

@@ -37,10 +37,8 @@ export default class Video extends React.PureComponent {
       if (video.srcObject !== mediaStream) {
         this.refs.video.srcObject = mediaStream
       }
-    } else {
+    } else if (video.src !== url) {
-      if (video.src !== url) {
+      video.src = url
-        video.src = url
-      }
     }
   }
   render () {

src/client/reducers/__tests__/messages-test.js

@@ -0,0 +1,28 @@
+import * as ChatActions from '../../actions/ChatActions.js'
+import messages from '../messages.js'
+
+describe('reducers/messages', () => {
+
+  describe('addMessage', () => {
+    it('add message to chat', () => {
+      const payload = {
+        userId: 'test',
+        message: 'hello',
+        timestamp: new Date(),
+        image: null
+      }
+      let state = messages()
+      state = messages(state, ChatActions.addMessage(payload))
+      expect(state).toEqual([payload])
+    })
+  })
+
+  describe('messageHistory', () => {
+    it('get chat message hisotry', () => {
+      let state = messages()
+      state = messages(state, ChatActions.loadHistory([]))
+      expect(state).toEqual([])
+    })
+  })
+
+})