From 8b13f341b61e7972264b1125914732a857c36cdc Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Tue, 22 Nov 2016 00:24:29 -0500
Subject: [PATCH] Don't render hidden form fields

---
 js/component/form.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/js/component/form.js b/js/component/form.js
index 8bc9ecc78..70cb3beb0 100644
--- a/js/component/form.js
+++ b/js/component/form.js
@@ -62,13 +62,15 @@ var FormField = React.createClass({
     delete otherProps.hidden;
 
     return (
-      <div className={'form-field-container' + (this.props.hidden ? ' hidden' : '')}>
-        <this._element type={this._type} className="form-field" name={this.props.name} ref="field" placeholder={this.props.placeholder}
-          {...otherProps}>
-          {this.props.children}
-        </this._element>
-        <FormFieldAdvice field={this.refs.field} state={this.state.adviceState}>{this.state.adviceText}</FormFieldAdvice>
-      </div>
+      !this.props.hidden
+        ? <div className="form-field-container">
+            <this._element type={this._type} className="form-field" name={this.props.name} ref="field" placeholder={this.props.placeholder}
+              {...otherProps}>
+              {this.props.children}
+            </this._element>
+            <FormFieldAdvice field={this.refs.field} state={this.state.adviceState}>{this.state.adviceText}</FormFieldAdvice>
+          </div>
+        : null
     );
   }
 });