Initial commit
Change-Id: Ifc297dd3b5a52bb42d79a08bac4d05c2400ae779
diff --git a/jaas-client/src/components/SendMessageForm.js b/jaas-client/src/components/SendMessageForm.js
new file mode 100644
index 0000000..e52635d
--- /dev/null
+++ b/jaas-client/src/components/SendMessageForm.js
@@ -0,0 +1,51 @@
+import React from 'react'
+import InputEmoji from "react-input-emoji";
+
+class SendMessageForm extends React.Component {
+
+ constructor() {
+ super()
+ this.state = {
+ message: ''
+ }
+ this.handleChange = this.handleChange.bind(this)
+ this.handleSubmit = this.handleSubmit.bind(this)
+ }
+
+ handleChange(e) {
+ this.setState({
+ message: e
+ })
+ }
+
+ handleSubmit(e) {
+ //e.preventDefault()
+ this.props.sendMessage(this.state.message)
+ //this.props.sendMessage(this.state.message)
+ this.setState({
+ message: ''
+ })
+
+ }
+
+ render() {
+ return (
+ <div
+ //onSubmit={this.handleSubmit}
+ className="send-message-form">
+ <InputEmoji
+ disabled={this.props.disabled}
+ onChange={this.handleChange}
+ value={this.state.message}
+ cleanOnEnter
+ onEnter={this.handleSubmit}
+ placeholder="Écris ton message et cliques sur Entrer"
+ height="35"
+ />
+
+ </div>
+ )
+ }
+}
+
+export default SendMessageForm
\ No newline at end of file