From 32a759eca5ee16cea0b33d16f0e7703ab72d39c6 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Thu, 19 Apr 2018 14:33:08 +0100
Subject: [PATCH] Fix Lists edit form

[MAILPOET-1348]
---
 assets/js/src/form/fields/textarea.jsx | 28 ++++++++++++++++++--------
 assets/js/src/segments/form.jsx        |  9 ++++++++-
 2 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/assets/js/src/form/fields/textarea.jsx b/assets/js/src/form/fields/textarea.jsx
index a04b0cce84..2681daf0a2 100644
--- a/assets/js/src/form/fields/textarea.jsx
+++ b/assets/js/src/form/fields/textarea.jsx
@@ -1,17 +1,29 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 
-const FormFieldTextarea = () => (
+const FormFieldTextarea = props => (
   <textarea
     type="text"
     className="regular-text"
-    name={this.props.field.name}
-    id={`field_${this.props.field.name}`}
-    value={this.props.item[this.props.field.name]}
-    placeholder={this.props.field.placeholder}
-    defaultValue={this.props.field.defaultValue}
-    onChange={this.props.onValueChange}
-    {...this.props.field.validation}
+    name={props.field.name}
+    id={`field_${props.field.name}`}
+    value={props.item[props.field.name]}
+    placeholder={props.field.placeholder}
+    defaultValue={props.field.defaultValue}
+    onChange={props.onValueChange}
+    {...props.field.validation}
   />
 );
 
+FormFieldTextarea.propTypes = {
+  item: PropTypes.object.isRequired, //  eslint-disable-line react/forbid-prop-types
+  field: PropTypes.shape({
+    name: PropTypes.string,
+    placeholder: PropTypes.string,
+    defaultValue: PropTypes.string,
+    validation: PropTypes.object, //  eslint-disable-line react/forbid-prop-types
+  }).isRequired,
+  onValueChange: PropTypes.func.isRequired,
+};
+
 export default FormFieldTextarea;
diff --git a/assets/js/src/segments/form.jsx b/assets/js/src/segments/form.jsx
index 3e99beb970..21a7e23ce9 100644
--- a/assets/js/src/segments/form.jsx
+++ b/assets/js/src/segments/form.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 import { Link } from 'react-router';
 import MailPoet from 'mailpoet';
 import Form from 'form/form.jsx';
+import PropTypes from 'prop-types';
 
 const fields = [
   {
@@ -29,7 +30,7 @@ const messages = {
   },
 };
 
-const SegmentForm = params => (
+const SegmentForm = ({ params }) => (
   <div>
     <h1 className="title">
       {MailPoet.I18n.t('segment')}
@@ -45,4 +46,10 @@ const SegmentForm = params => (
   </div>
 );
 
+SegmentForm.propTypes = {
+  params: PropTypes.shape({
+    id: PropTypes.string,
+  }).isRequired,
+};
+
 export default SegmentForm;