refactoring

1 files changed, 26 insertions, 0 deletions

diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
new file mode 100644
index 00000000..2a7eab1d
--- /dev/null
+++ b/vnext/src/components/MessageInput.js
@@ -0,0 +1,26 @@
+import React from 'react';
+
+import { MessageType } from './Types';
+
+export default class MessageInput extends React.Component {
+    constructor(props) {
+        super(props)
+    }
+    render() {
+        const msg = this.props.data;
+        return (
+            <form className="msg-comment-target">
+                <input type="hidden" name="mid" value={msg.mid} />
+                <div className="msg-comment">
+                    <div className="ta-wrapper">
+                        <textarea name="body" rows="1" className="reply" placeholder="Write a comment..."></textarea>
+                    </div>
+                </div>
+            </form>
+        )
+    }
+}
+
+MessageInput.propTypes = {
+    data: MessageType
+};
\ No newline at end of file