Organize components, use webpack import aliases

client/src/js/components/Search.js

@@ -1,40 +0,0 @@
-import React, { PureComponent } from 'react';
-import SearchResult from './SearchResult';
-
-export default class Search extends PureComponent {
-  componentDidUpdate(prevProps) {
-    if (!prevProps.search.show && this.props.search.show) {
-      this.input.focus();
-    }
-  }
-
-  inputRef = el => { this.input = el; };
-
-  handleSearch = e => this.props.onSearch(e.target.value);
-
-  render() {
-    const { search } = this.props;
-    const style = {
-      display: search.show ? 'block' : 'none'
-    };
-
-    const results = search.results.map(result => (
-      <SearchResult key={result.id} result={result} />
-    ));
-
-    return (
-      <div className="search" style={style}>
-        <div className="search-input-wrap">
-          <i className="icon-search" />
-          <input
-            ref={this.inputRef}
-            className="search-input"
-            type="text"
-            onChange={this.handleSearch}
-          />
-        </div>
-        <div className="search-results">{results}</div>
-      </div>
-    );
-  }
-}