fix(suggest-item): highlight matches in fixtures, too

src/Geosuggest.jsx

@@ -218,7 +218,8 @@ class Geosuggest extends React.Component {
    */
   updateSuggests(suggestsGoogle = [], callback) {
     var suggests = [],
-      regex = new RegExp(escapeRegExp(this.state.userInput), 'gim'),
+      userInput = this.state.userInput,
+      regex = new RegExp(escapeRegExp(userInput), 'gim'),
       skipSuggest = this.props.skipSuggest,
       maxFixtures = this.props.maxFixtures,
       fixturesSearched = 0,
@@ -234,6 +235,10 @@ class Geosuggest extends React.Component {
 
         suggest.placeId = suggest.label;
         suggest.isFixture = true;
+        suggest.matchedSubstrings = {
+          offset: suggest.label.indexOf(userInput),
+          length: userInput.length
+        };
         suggests.push(suggest);
       }
     });

src/suggest-item.jsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import shallowCompare from 'react-addons-shallow-compare';
 import classnames from 'classnames';
 
 /**
@@ -8,16 +7,6 @@ import classnames from 'classnames';
  * @return {JSX} The icon component.
  */
 export default class SuggestItem extends React.Component {
-  /**
-   * Whether or not the component should update
-   * @param {Object} nextProps The new properties
-   * @param {Object} nextState The new state
-   * @return {Boolean} Update or not?
-   */
-  shouldComponentUpdate(nextProps, nextState) {
-    return shallowCompare(this, nextProps, nextState);
-  }
-
   /**
    * Makes a text bold
    * @param {String} element The element to wrap
@@ -107,7 +96,6 @@ export default class SuggestItem extends React.Component {
     if (this.props.renderSuggestItem) {
       content = this.props.renderSuggestItem(suggest);
     } else if (this.props.isHighlightMatch) {
-      // console.log('#', suggest);
       content = this.formatMatchedText(this.props.userInput, suggest);
     }