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,