krambertech · July 2, 2016 10:44 · Jul 2, 2016 · Jul 2, 2016
diff --git a/gistfile1.txt → Component.jsx b/gistfile1.txt → Component.jsx
diff --git a/gistfile1.txt b/gistfile1.txt
@@ -0,0 +1,54 @@
+import React, { Component } from 'react';
+
+import TextField from 'components/base/TextField';
+
+const WAIT_INTERVAL = 1000;
+const ENTER_KEY = 13;
+
+export default class TextSearch extends Component {
+    constructor(props) {
+        super();
+
+        this.state = {
+            value: props.value
+        };
+    }
+
+    componentWillMount() {
+        this.timer = null;
+    }
+
+    handleChange(value) {
+        clearTimeout(this.timer);
+
+        this.setState({ value });
+
+        this.timer = setTimeout(::this.triggerChange, WAIT_INTERVAL);
+    }
+
+    handleKeyDown(e) {
+        if (e.keyCode === ENTER_KEY) {
+            ::this.triggerChange();
+        }
+    }
+
+    triggerChange() {
+        const { value } = this.state;
+
+        this.props.onChange(value);
+    }
+
+    render() {
+        const { className } = this.props;
+
+        return (
+            <TextField
+                className={className}
+                placeholder={l('Search')}
+                value={this.state.value}
+                onChange={::this.handleChange}
+                onKeyDown={::this.handleKeyDown}
+            />
+        );
+    }
+}