const mapDispatchToProps = dispatch => {
  return {
    sendMessage: message => {
      dispatch(chatMessageSent(message));
    },
    receiveMessage: message => {
      dispatch(chatMessageReceived(message));
    },
    receiveMessages: (messages, add) => {
      dispatch(chatMessagesReceived(messages, add));
    },
    chatMessageApproved: (message, tempId) => {
      dispatch(chatMessageApproved(message, tempId));
    },
    startTyping: user => {
      dispatch(chatStartTyping(user));
    },
    stopTyping: user => {
      dispatch(chatStopTyping(user));
    },
    chatViewed: () => {
      dispatch(chatViewed());
    }
  };
};

const mapStateToProps = state => {
  return {
    User: state.userApp.user,
    friends: state.friendsApp.friends,
    messages: state.chatApp.messages,
    newMessages: state.chatApp.newMessages,
    typing: state.chatApp.typing
  };
};

export default compose(
  connect(
    mapStateToProps,
    mapDispatchToProps
  )(ChatBlock)
);