WIP: reset button

zanata · Mar 5, 2016 · 0d37143 · 0d37143
1 parent 149cd68
commit 0d37143
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/frontend/src/main/web/src/components/EditableText.js b/frontend/src/main/web/src/components/EditableText.js
@@ -71,8 +71,6 @@ class EditableText extends Component {
         !children && classes.text.placeholder
       )
     }
-    const emptyText = editable ? placeholder : emptyReadOnlyText
-    const text = children || emptyText
     if (editable && editing) {
       return (
         <TextInput
@@ -82,9 +80,12 @@ class EditableText extends Component {
           placeholder={placeholder}
           theme={classes.textInput}
           ref={(ref) => this.textInput = ref}
-          defaultValue={children} />
+          value={children}
+          />
       )
     }
+    const emptyText = editable ? placeholder : emptyReadOnlyText
+    const text = children || emptyText
     return (
       <Row theme={textStateClasses} align='start' onClick={::this.handleClick}>
         {text}

diff --git a/frontend/src/main/web/src/components/TextInput.jsx b/frontend/src/main/web/src/components/TextInput.jsx
@@ -2,6 +2,7 @@ import React, { Component, PropTypes } from 'react'
 import ReactDOM from 'react-dom'
 import TextareaAutosize from 'react-textarea-autosize'
 import { flattenClasses } from 'zanata-ui'
+import { debounce } from 'lodash'
 
 const classes = {
   base: {
@@ -27,16 +28,20 @@ const classes = {
 }
 
 class TextInput extends Component {
-
   _onBlur (e) {
     const { onBlur } = this.props
-    if (onBlur) onBlur(e)
+    if (onBlur) {
+      onBlur(e)
+    }
   }
-  _onChange (e) {
+  _updateText (e) {
     const { onChange, onChangeText } = this.props
     if (onChangeText) onChangeText(e.target.value)
     if (onChange) onChange(e)
   }
+  _onChange (e) {
+    debounce(this._updateText(e), 300)
+  }
   _onFocus (e) {
     const { clearTextOnFocus, onFocus, selectTextOnFocus } = this.props
     const node = ReactDOM.findDOMNode(this)