glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

codeclimate (eslint)

Browse source
This commit is contained in:
Devin Howard 2017-01-09 13:09:19 -05:00
parent 0e422a24ed
commit 9939988957
1 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
frontend/src/components/MapChat/index.js
View file

@ -31,7 +31,7 @@ class MapChat extends Component {
messageText: '', messageText: '',
alertSound: true, // whether to play sounds on arrival of new messages or not alertSound: true, // whether to play sounds on arrival of new messages or not
cursorsShowing: true, cursorsShowing: true,
videosShowing: true videosShowing: true
} }
} }
@ -42,7 +42,7 @@ class MapChat extends Component {
messageText: '', messageText: '',
alertSound: true, // whether to play sounds on arrival of new messages or not alertSound: true, // whether to play sounds on arrival of new messages or not
cursorsShowing: true, cursorsShowing: true,
videosShowing: true videosShowing: true
}) })
} }
@ -118,12 +118,12 @@ class MapChat extends Component {
<div className="participants"> <div className="participants">
{conversationLive && <div className="conversation-live"> {conversationLive && <div className="conversation-live">
LIVE LIVE
{isParticipating && <span className="call-action leave" onClick={this.props.leaveCall}> {isParticipating && <span className="call-action leave" onClick={this.props.leaveCall}>
LEAVE LEAVE
</span>} </span>}
{!isParticipating && <span className="call-action join" onClick={this.props.joinCall}> {!isParticipating && <span className="call-action join" onClick={this.props.joinCall}>
JOIN JOIN
</span>} </span>}
</div>} </div>}
{participants.map(participant => <Participant {participants.map(participant => <Participant
key={participant.id} key={participant.id}
@ -142,17 +142,17 @@ class MapChat extends Component {
<div className="tooltips">Chat</div> <div className="tooltips">Chat</div>
<Unread count={unreadMessages} /> <Unread count={unreadMessages} />
</div> </div>
<div className="chat-messages" ref={div => this.messagesDiv = div}> <div className="chat-messages" ref={div => { this.messagesDiv = div }}>
{makeList(messages)} {makeList(messages)}
</div> </div>
<NewMessage textAreaProps={{ <NewMessage textAreaProps={{
className: 'chat-input', className: 'chat-input',
ref: textarea => this.messageInput = textarea, ref: textarea => { this.messageInput = textarea },
placeholder: 'Send a message...', placeholder: 'Send a message...',
onKeyUp: this.handleTextareaKeyUp, onKeyUp: this.handleTextareaKeyUp,
onFocus: this.props.inputFocus, onFocus: this.props.inputFocus,
onBlur: this.props.inputBlur onBlur: this.props.inputBlur
}} }}
handleChange={this.handleChange('messageText')} handleChange={this.handleChange('messageText')}
messageText={this.state.messageText} messageText={this.state.messageText}
/> />
@ -172,7 +172,7 @@ MapChat.propTypes = {
inviteToJoin: PropTypes.func, inviteToJoin: PropTypes.func,
videoToggleClick: PropTypes.func, videoToggleClick: PropTypes.func,
cursorToggleClick: PropTypes.func, cursorToggleClick: PropTypes.func,
soundToggleClick: PropTypes.func, soundToggleClick: PropTypes.func,
participants: PropTypes.arrayOf(PropTypes.shape({ participants: PropTypes.arrayOf(PropTypes.shape({
color: PropTypes.string, // css color color: PropTypes.string, // css color
id: PropTypes.number, id: PropTypes.number,