|
|
@ -125,7 +125,7 @@ export default class Chat extends Component { |
|
|
|
} |
|
|
|
} |
|
|
|
websocketDisconnected() { |
|
|
|
websocketDisconnected() { |
|
|
|
// this.websocket = null;
|
|
|
|
// this.websocket = null;
|
|
|
|
this.disableChat() |
|
|
|
this.disableChat(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
submitChat(content) { |
|
|
|
submitChat(content) { |
|
|
@ -156,7 +156,6 @@ export default class Chat extends Component { |
|
|
|
|
|
|
|
|
|
|
|
updateAuthorList(message) { |
|
|
|
updateAuthorList(message) { |
|
|
|
const { type } = message; |
|
|
|
const { type } = message; |
|
|
|
const username = ''; |
|
|
|
|
|
|
|
const nameList = this.state.chatUserNames; |
|
|
|
const nameList = this.state.chatUserNames; |
|
|
|
|
|
|
|
|
|
|
|
if ( |
|
|
|
if ( |
|
|
@ -174,7 +173,7 @@ export default class Chat extends Component { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render(props, state) { |
|
|
|
render(props, state) { |
|
|
|
const { username, messagesOnly } = props; |
|
|
|
const { username, messagesOnly, chatEnabled } = props; |
|
|
|
const { messages, inputEnabled, chatUserNames } = state; |
|
|
|
const { messages, inputEnabled, chatUserNames } = state; |
|
|
|
|
|
|
|
|
|
|
|
const messageList = messages.map((message) => (html`<${Message} message=${message} username=${username} key=${message.id} />`)); |
|
|
|
const messageList = messages.map((message) => (html`<${Message} message=${message} username=${username} key=${message.id} />`)); |
|
|
@ -197,7 +196,7 @@ export default class Chat extends Component { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<${ChatInput} |
|
|
|
<${ChatInput} |
|
|
|
chatUserNames=${chatUserNames} |
|
|
|
chatUserNames=${chatUserNames} |
|
|
|
inputEnabled=${inputEnabled} |
|
|
|
inputEnabled=${chatEnabled && inputEnabled} |
|
|
|
handleSendMessage=${this.submitChat} |
|
|
|
handleSendMessage=${this.submitChat} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|