diff --git a/frontend/src/components/MapChat/index.js b/frontend/src/components/MapChat/index.js index 84759451..b326623a 100644 --- a/frontend/src/components/MapChat/index.js +++ b/frontend/src/components/MapChat/index.js @@ -31,7 +31,7 @@ class MapChat extends Component { messageText: '', alertSound: true, // whether to play sounds on arrival of new messages or not cursorsShowing: true, - videosShowing: true + videosShowing: true } } @@ -42,7 +42,7 @@ class MapChat extends Component { messageText: '', alertSound: true, // whether to play sounds on arrival of new messages or not cursorsShowing: true, - videosShowing: true + videosShowing: true }) } @@ -118,12 +118,12 @@ class MapChat extends Component {
{conversationLive &&
LIVE - {isParticipating && - LEAVE - } - {!isParticipating && - JOIN - } + {isParticipating && + LEAVE + } + {!isParticipating && + JOIN + }
} {participants.map(participant => Chat
-
this.messagesDiv = div}> +
{ this.messagesDiv = div }}> {makeList(messages)}
this.messageInput = textarea, - placeholder: 'Send a message...', - onKeyUp: this.handleTextareaKeyUp, - onFocus: this.props.inputFocus, - onBlur: this.props.inputBlur - }} + className: 'chat-input', + ref: textarea => { this.messageInput = textarea }, + placeholder: 'Send a message...', + onKeyUp: this.handleTextareaKeyUp, + onFocus: this.props.inputFocus, + onBlur: this.props.inputBlur + }} handleChange={this.handleChange('messageText')} messageText={this.state.messageText} /> @@ -172,7 +172,7 @@ MapChat.propTypes = { inviteToJoin: PropTypes.func, videoToggleClick: PropTypes.func, cursorToggleClick: PropTypes.func, - soundToggleClick: PropTypes.func, + soundToggleClick: PropTypes.func, participants: PropTypes.arrayOf(PropTypes.shape({ color: PropTypes.string, // css color id: PropTypes.number,