@woosmap/ui 4.175.1 → 4.175.2

package/package.json

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

package/src/components/Button/Button.js

@@ -43,7 +43,7 @@ export default class Button extends Component {
             { 'btn--loading': isLoading },
             { 'btn--no-label': !label },
             { 'btn--custom-icon-size': iconSize && iconSize !== 22 },
-            className
+            className,
         );
         let iconComponent = icon ? <Icon isFill={isFillIcon} size={iconSize} icon={icon} /> : null;
         if (isLoading) {

package/src/components/Card/Card.js

@@ -20,7 +20,6 @@ import indoorImg from '../../images/products/product-indoor.png';
 import what3wordsImg from '../../images/products/product-what3words.png';
 import transitImg from '../../images/products/product-transit.png';
 
-
 import datasetsImgSq from '../../images/products/product-datasets-sq.png';
 import localitiesImgSq from '../../images/products/product-localities-sq.png';
 import localitiesUkImgSq from '../../images/products/product-localities-uk-sq.png';

package/src/components/PricingSlider/PricingSimulator.js

@@ -98,7 +98,8 @@ export default class PricingSimulator extends Component {
                         <div className="pricing-total__info">
                             {!contactSale && (
                                 <span className="pricing-total__discount">
-                                    {`(-${discount}${currency} Monthly Free Usage)`} = {totalDisplayed}
+                                    {`(-${this.displayAmount(discount, currency)} Monthly Free Usage)`} ={' '}
+                                    {totalDisplayed}
                                 </span>
                             )}
                         </div>

package/src/components/PricingSlider/PricingSlider.js

@@ -154,18 +154,18 @@ export default class PricingSlider extends Component {
         }
     };
 
-    displayDetails = (displayedPricing) => (
+    displayDetails = (displayedPricing, unit) => (
         <div className="pricing-slider__detailed-price">
             <table>
                 <tr>
-                    <td>{tr('Monthly Requests')}</td>
+                    <td>{unit}</td>
                     <td>{tr('Cost per 1000')}</td>
                 </tr>
                 {displayedPricing.map((tier, index) => {
                     const lower = index > 0 ? displayedPricing[index - 1][0] : 0;
                     return (
                         <tr>
-                            <td>{`${lower} to ${tier[0]}`}</td>
+                            <td>{`${numeral(lower).format('0.[0]a')} to ${numeral(tier[0]).format('0.[0]a')}`}</td>
                             <td>{this.displayAmount(tier[1])}</td>
                         </tr>
                     );
@@ -254,7 +254,7 @@ export default class PricingSlider extends Component {
                     </div>
                     <div className="pricing-slider__price">{displayedAmount}</div>
                 </div>
-                {displayDetailed && this.displayDetails(displayedPricing)}
+                {displayDetailed && this.displayDetails(displayedPricing, productPricing.unit)}
             </div>
         );
     }