Add placeHolder prop for EditableText

2015-07-15 15:04:39 +01:00
parent dfd54f3b95
commit 2b81f46030
2 changed files with 12 additions and 2 deletions
@@ -43,14 +43,22 @@ module.exports = React.createClass({
    },

    onFinish: function(ev) {
-        this.setValue(ev.target.value);
+        if (ev.target.value) {
+            this.setValue(ev.target.value);
+        } else {
+            this.cancelEdit();
+        }
    },

    render: function() {
        var editable_el;

        if (this.state.phase == this.Phases.Display) {
-            editable_el = <div ref="display_div" onClick={this.onClickDiv}>{this.state.value}</div>;
+            if (this.state.value) {
+                editable_el = <div ref="display_div" onClick={this.onClickDiv}>{this.state.value}</div>;
+            } else {
+                editable_el = <div ref="display_div" onClick={this.onClickDiv}><i>{this.props.placeHolder}</i></div>;
+            }
        } else if (this.state.phase == this.Phases.Edit) {
            editable_el = (
                <div>