diff --git a/react/src/components/Main.jsx b/react/src/components/Main.jsx index 8739c45fb97c3922bc7729f106e03eabfaf27960..42135fa769599fb131a2dc9ff4ec25741e214075 100644 --- a/react/src/components/Main.jsx +++ b/react/src/components/Main.jsx @@ -15,10 +15,10 @@ class Main extends React.Component { isLoading: false, isDownloadValid: false, }; - this.handleUpload = this.handleUpload.bind(this); + this.handleUpload = this.handleUpload.bind(this); } -request_account(ev) { + request_account(ev) { ev.preventDefault(); this.setState({ isLoading: true }); const data = new FormData(); @@ -30,21 +30,21 @@ request_account(ev) { } -joinRoom (username) { + joinRoom (username) { room = username socket.emit('join_room', { username }) } -handleUpload(ev) { + handleUpload(ev) { ev.preventDefault(); this.setState({ isLoading: true }); - const data = new FormData(); + const data = new FormData(); console.log(this.first_name.value) data.append('first_name', this.first_name.value); data.append('last_name', this.last_name.value); data.append('message', this.message.value); - joinRoom(this.first_name.value); + joinRoom(this.first_name.value); } @@ -65,7 +65,7 @@ handleUpload(ev) { } return ( - <form onSubmit={this.request_account}> + <form onSubmit={this.request_account}> <div> <input ref={(ref) => { this.first_name = ref; }} type="text" placeholder="First Name" /> </div> @@ -79,7 +79,7 @@ handleUpload(ev) { <button>Submit</button> </div> </form> - + ); } }