From 1d1b1b3391faa159c0885f56599377e73cb1901d Mon Sep 17 00:00:00 2001
From: gaba <gabelula@gmail.com>
Date: Wed, 15 Feb 2017 11:37:39 -0800
Subject: [PATCH] Move to use FormField the right way.

---
 .../components/ConfigureCommentStream.css     | 28 -------------------
 .../components/ConfigureCommentStream.js      |  9 +++---
 client/coral-ui/components/TextField.js       | 20 -------------
 client/coral-ui/index.js                      |  1 -
 4 files changed, 4 insertions(+), 54 deletions(-)
 delete mode 100644 client/coral-ui/components/TextField.js

diff --git a/client/coral-configure/components/ConfigureCommentStream.css b/client/coral-configure/components/ConfigureCommentStream.css
index cbe2ba715..ea20e4c05 100644
--- a/client/coral-configure/components/ConfigureCommentStream.css
+++ b/client/coral-configure/components/ConfigureCommentStream.css
@@ -36,34 +36,6 @@ p {
   margin-bottom: 20px;
 }
 
-.configSettingQuestionBox {
-  min-height: 100px;
-  margin-bottom: 20px;
-  cursor: pointer;
-  width: auto;
-  height: auto;
-  text-align: left;
-  overflow: visible;
-}
-
 .hidden {
   display: none;
 }
-
-/* Question Box Styles */
-
-.configSettingQuestionBox {
-  background: white;
-}
-
-.configSettingQuestionBoxInfo {
-  top: 0;
-  border: 10px;
-  background: white;
-  color: inherit;
-  width: 100%;
-  text-align: left;
-  padding: 5px;
-  font-weight: bold;
-  display: block;
-}
diff --git a/client/coral-configure/components/ConfigureCommentStream.js b/client/coral-configure/components/ConfigureCommentStream.js
index 67f959390..cc5be6832 100644
--- a/client/coral-configure/components/ConfigureCommentStream.js
+++ b/client/coral-configure/components/ConfigureCommentStream.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Button, Checkbox, TextField} from 'coral-ui';
+import {Button, Checkbox, FormField} from 'coral-ui';
 
 import styles from './ConfigureCommentStream.css';
 
@@ -46,10 +46,9 @@ export default ({handleChange, handleApply, changed, updateQuestionBoxContent, .
               description: lang.t('configureCommentStream.enableQuestionBoxDescription')
             }} />
 
-          <div className={`${styles.configSettingQuestionBox} ${props.questionBoxEnable ? null : styles.hidden}`} >
-            <TextField
-              name="qboxcontent"
-              className={`${styles.configSettingQuestionBoxInfo}`}
+          <div className={`${props.questionBoxEnable ? null : styles.hidden}`} >
+            <FormField
+              id="qboxcontent"
               onChange={updateQuestionBoxContent}
               rows={3}
               value={props.questionBoxContent}
diff --git a/client/coral-ui/components/TextField.js b/client/coral-ui/components/TextField.js
deleted file mode 100644
index c72957076..000000000
--- a/client/coral-ui/components/TextField.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React, {Component} from 'react';
-import {Textfield as TextFieldMDL} from 'react-mdl';
-import 'material-design-lite';
-
-export default class TextField extends Component {
-  render() {
-    const {name, className, onChange, label, rows, value, style} = this.props;
-    return (
-      <TextFieldMDL
-        name={name}
-        className={className}
-        onChange={onChange}
-        label={label}
-        rows={rows}
-        value={value}
-        style={style}
-      />
-    );
-  }
-}
diff --git a/client/coral-ui/index.js b/client/coral-ui/index.js
index bfc5acb16..beb2396f5 100644
--- a/client/coral-ui/index.js
+++ b/client/coral-ui/index.js
@@ -14,7 +14,6 @@ export {default as List} from './components/List';
 export {default as Item} from './components/Item';
 export {default as Card} from './components/Card';
 export {default as FormField} from './components/FormField';
-export {default as TextField} from './components/TextField';
 export {default as Success} from './components/Success';
 export {default as Pager} from './components/Pager';
 export {default as Wizard} from './components/Wizard';