fix(priceRanges): plug the URL computation. Fix #354

Author: redox

components/PriceRanges.js

@@ -19,10 +19,16 @@ class PriceRange extends React.Component {
       <div>
         {this.props.facetValues.map(facetValue => {
           var key = facetValue.from + '_' + facetValue.to;
+          var url;
+          if (this.props.createURL) {
+            url = this.props.createURL(facetValue.from, facetValue.to, facetValue.isRefined);
+          } else {
+            url = '#';
+          }
           return (
             <a
               className={cx(this.props.cssClasses.range, {[this.props.cssClasses.active]: facetValue.isRefined})}
-              href="#"
+              href={url}
               key={key}
               onClick={this.refine.bind(this, facetValue.from, facetValue.to)}
             >

widgets/price-ranges/price-ranges.js

@@ -99,7 +99,7 @@ function priceRanges({
       helper.search();
     },
 
-    render: function({results, helper, templatesConfig}) {
+    render: function({results, helper, templatesConfig, state, createURL}) {
       var PriceRanges = autoHideContainer(headerFooter(require('../../components/PriceRanges')));
       var facetValues;
 
@@ -133,6 +133,18 @@ function priceRanges({
 
       ReactDOM.render(
         <PriceRanges
+          createURL={(from, to, isRefined) => {
+            var newState = state.clearRefinements(facetName);
+            if (!isRefined) {
+              if (typeof from !== 'undefined') {
+                newState = newState.addNumericRefinement(facetName, '>', from - 1);
+              }
+              if (typeof to !== 'undefined') {
+                newState = newState.addNumericRefinement(facetName, '<', to + 1);
+              }
+            }
+            return createURL(newState);
+          }}
           cssClasses={cssClasses}
           facetValues={facetValues}
           hasResults={results.hits.length > 0}