@woosmap/ui 4.160.1 → 4.160.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.160.1",
+  "version": "4.160.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/PricingSlider/PricingSlider.js

@@ -22,7 +22,7 @@ class PricingSlider extends Component {
         if (queries === '∞') {
             return this.contactSalesButton();
         }
-        const finalAmount = parseInt(
+        return parseInt(
             pricing.reduce((amount, tier, index) => {
                 previousPricingTier = index > 0 ? pricing[index - 1] : null;
 
@@ -41,11 +41,6 @@ class PricingSlider extends Component {
             }, 0),
             10
         );
-        return finalAmount === 0 ? (
-            <span className="free-label">FREE</span>
-        ) : (
-            <span className="amount">{`${finalAmount} ${currency}`}</span>
-        );
     };
 
     computeQueries = (valueNow) => {
@@ -144,14 +139,19 @@ class PricingSlider extends Component {
     onChange = () => {
         const { onChange } = this.props;
         if (onChange) {
-            onChange(this.state);
+            onChange(this.getDisplayedData());
         }
     };
 
     render() {
-        const { name, productPricing } = this.props;
+        const { name, productPricing, currency } = this.props;
         const { queries, displayedPricing, amount, formatedQueries, marks, computedQueries } = this.getDisplayedData();
-
+        const displayedAmount =
+            amount === 0 ? (
+                <span className="free-label">FREE</span>
+            ) : (
+                <span className="amount">{`${amount} ${currency}`}</span>
+            );
         return (
             <div className="pricing-slider__wrapper" id={name}>
                 <div className="pricing-slider__info">
@@ -185,7 +185,7 @@ class PricingSlider extends Component {
                     <div className="pricing-slider__queries__label">{productPricing.unit}</div>
                     <Input type="text" onChange={this.reverseComputeQueries} value={computedQueries} />
                 </div>
-                <div className="pricing-slider__price">{amount}</div>
+                <div className="pricing-slider__price">{displayedAmount}</div>
             </div>
         );
     }