fix(Search): dont query below 3 chars

src/search/Search.js

@@ -33,7 +33,6 @@ const FormSearchButton = () => (
   </button>
 );
 
-// Memoize fetch calls (fetch returns a promise).
 const fetchResults = (query, endPoint = "search") => {
   const url = `${process.env.API_URL}/${endPoint}?q=${query}`;
   return fetch(url).then(response => {
@@ -44,17 +43,19 @@ const fetchResults = (query, endPoint = "search") => {
   });
 };
 
+// memoize search results
 const fetchResultsSearch = memoizee(
   query => {
     return fetchResults(query, "search");
   },
   { promise: true }
 );
 
+// memoize suggestions results
 const fetchResultsSuggest = memoizee(
-  query => {
-    return fetchResults(query, "suggest");
-  },
+  query =>
+    (query && query.length > 2 && fetchResults(query, "suggest")) ||
+    Promise.resolve(),
   { promise: true }
 );
 
@@ -129,7 +130,7 @@ class Search extends React.Component {
                 <Suggester
                   onChange={this.onChange}
                   query={query}
-                  fetch={() => fetchResultsSuggest(query)}
+                  getResults={() => fetchResultsSuggest(query)}
                 />
                 <FormSearchButton />
               </form>

src/search/Suggester.js

@@ -117,7 +117,7 @@ class Suggester extends React.Component {
   }
 
   render() {
-    const { fetch, query, onChange } = this.props;
+    const { getResults, query, onChange } = this.props;
     const inputProps = {
       placeholder: "Posez votre question",
       "aria-label": "Posez votre question",
@@ -129,7 +129,7 @@ class Suggester extends React.Component {
     };
     return (
       <AsyncFetch
-        fetch={() => fetch(query)}
+        fetch={() => getResults(query)}
         render={({ status, result, fetch, clear }) => (
           <Autosuggest
             theme={suggesterTheme}
@@ -159,13 +159,13 @@ Suggester.propTypes = {
   // on input DOM change
   onChange: PropTypes.func,
   // the fetch call function
-  fetch: PropTypes.func.isRequired,
+  getResults: PropTypes.func.isRequired,
   query: PropTypes.string
 };
 
 Suggester.defaultProps = {
   query: "",
-  fetch: () => {},
+  getResults: () => {},
   onChange: () => {}
 };