From 4a0bdcc53b32add648ef4ff39d1f507ba262781f Mon Sep 17 00:00:00 2001
From: akhil Maskery <triveni@amits-MacBook-Pro.local>
Date: Thu, 17 Aug 2017 00:35:11 +0530
Subject: [PATCH] input to textarea

---
 src/components/talks_new.js | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/talks_new.js b/src/components/talks_new.js
index c26df80..a2b67e0 100644
--- a/src/components/talks_new.js
+++ b/src/components/talks_new.js
@@ -5,6 +5,7 @@ import { connect } from "react-redux";
 import { createTalk } from "../actions";
 
 class TalksNew extends Component {
+
   renderField(field) {
     const { meta: { touched, error } } = field;
     const className = `form-group ${touched && error ? "has-danger" : ""}`;
@@ -12,7 +13,22 @@ class TalksNew extends Component {
     return (
       <div className={className}>
         <label>{field.label}</label>
-        <input className="form-control" type="text" {...field.input} />
+        <input className="form-control" type="text" {...field.input} /> 
+        <div className="text-help">
+          {touched ? error : ""}
+        </div>
+      </div>
+    );
+  }
+
+  rendertextArea(field) {
+    const { meta: { touched, error } } = field;
+    const className = `form-group ${touched && error ? "has-danger" : ""}`;
+
+    return (
+      <div className={className}>
+        <label>{field.label}</label>
+        <textarea className="form-control" {...field.input} ></textarea>
         <div className="text-help">
           {touched ? error : ""}
         </div>
@@ -44,7 +60,7 @@ class TalksNew extends Component {
         <Field
           label="Talk Description"
           name="description"
-          component={this.renderField}
+          component={this.rendertextArea}
         />
         <button type="submit" className="btn btn-primary">Submit</button>
         <Link to="/talks" className="btn btn-danger">Cancel</Link>