notnull/chatz
1
0
Fork 1
Code Issues 1 Pull Requests Releases Wiki Activity

prevent empty messages or user

Browse Source
This commit is contained in:
data 2019-07-14 16:46:59 +02:00
parent e4aae7e158
commit 55d9681774
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Chat.js
View File

@ -35,6 +35,10 @@ class Chat extends React.Component {
console.log('Connected!') console.log('Connected!')
this.setState({ user: { socketId: socket.id } }) this.setState({ user: { socketId: socket.id } })
}) })
socket.on('disconnect', () => {
console.log('Disconnected!')
this.setState({ user: { socketId: 'You' } })
})
} }
componentDidUpdate() { componentDidUpdate() {
@ -63,7 +67,14 @@ class Chat extends React.Component {
} }
handleSubmit(e) { handleSubmit(e) {
e.preventDefault() e.preventDefault()
const message = { userId: socket.id, id: uuid(), text: this.state.text } if (this.state.user.socketId === '' || this.state.text === '') {
return
}
const message = {
userId: this.state.user.socketId,
id: uuid(),
text: this.state.text,
}
const messages = this.state.messages.concat(message) const messages = this.state.messages.concat(message)
this.setState({ messages, text: '' }) this.setState({ messages, text: '' })
socket.emit('message', message) socket.emit('message', message)