From 0668a30d882cc23263a572f4bbcc91b094f76b8b Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Wed, 13 Apr 2016 17:35:37 +0200
Subject: [PATCH] Reset RoomChatForm when a message is sent.

---
 src/components/RoomChat.js     |  2 +-
 src/components/RoomChatForm.js | 20 ++++++++++++++------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/RoomChat.js b/src/components/RoomChat.js
index f9f9232..3db1893 100644
--- a/src/components/RoomChat.js
+++ b/src/components/RoomChat.js
@@ -71,7 +71,7 @@ class RoomChat extends React.Component {
                     messages={messages}
                 />
                 <RoomChatForm
-                    name={name}
+                    roomName={name}
                     sendMessage={roomActions.sendMessage}
                 />
             </div>
diff --git a/src/components/RoomChatForm.js b/src/components/RoomChatForm.js
index 2016f4d..9b67b80 100644
--- a/src/components/RoomChatForm.js
+++ b/src/components/RoomChatForm.js
@@ -2,16 +2,23 @@ import React, {PropTypes} from "react";
 import {reduxForm} from "redux-form";
 
 const RoomChatForm = (props) => {
-    const { fields: { message }, handleSubmit, name, sendMessage } = props;
+    const {
+        fields: { message },
+        handleSubmit,
+        resetForm,
+        roomName,
+        sendMessage
+    } = props;
 
     const onSubmit = handleSubmit((values) => {
-        sendMessage(name, values.message);
+        sendMessage(roomName, values.message);
+        resetForm();
     });
 
     return (
         <div id="room-chat-form">
             <form onSubmit={onSubmit}>
-                <input type="text" defaultValue="Type a message..."
+                <input type="text" placeholder="Type a message..."
                     {...message} />
                 <button type="submit">Send</button>
             </form>
@@ -21,10 +28,11 @@ const RoomChatForm = (props) => {
 
 RoomChatForm.propTypes = {
     fields: PropTypes.shape({
-        message: PropTypes.string.isRequired
-    }),
+        message: PropTypes.object.isRequired
+    }).isRequired,
     handleSubmit: PropTypes.func.isRequired,
-    name: PropTypes.string,
+    resetForm: PropTypes.func.isRequired,
+    roomName: PropTypes.string,
     sendMessage: PropTypes.func.isRequired
 };