@woosmap/ui 4.228.5 → 4.228.7

package/package.json

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

package/src/components/PricingSlider/PricingSlider.js

@@ -230,12 +230,12 @@ export default class PricingSlider extends Component {
         return this.displayAmount(amount);
     };
 
-    displayCompetitorDetails = (amountGmp, amountMbx) => (
+    displayCompetitorDetails = (amountGmp) => (
         <div className="pricing-slider__detailed-price">
             <table>
                 <tr>
                     <td>
-                        <strong>Competitors</strong>
+                        <strong>Competitor</strong>
                     </td>
                     <td>
                         <strong>{tr('Estimated cost')}</strong>
@@ -247,10 +247,10 @@ export default class PricingSlider extends Component {
                     <td>{this.displayCompetitorAmount(amountGmp)}</td>
                 </tr>
 
-                <tr>
-                    <td>Mapbox</td>
-                    <td>{this.displayCompetitorAmount(amountMbx)}</td>
-                </tr>
+                {/* <tr> */}
+                {/*    <td>Mapbox</td> */}
+                {/*    <td>{this.displayCompetitorAmount(amountMbx)}</td> */}
+                {/* </tr> */}
             </table>
         </div>
     );
@@ -267,7 +267,6 @@ export default class PricingSlider extends Component {
             computedQueries,
             aboveLastTier,
             amountGmp,
-            amountMbx,
         } = this.getDisplayedData(queries);
 
         let displayedAmount = <span className="amount">{this.displayAmount(0)}</span>;
@@ -344,11 +343,11 @@ export default class PricingSlider extends Component {
                             />
 
                             <Button
-                                className="pricing-slider__detailed-price-btn"
+                                className="pricing-slider__competitor-price-btnn"
                                 iconRight
                                 type="toggle"
                                 disabled={queries === 0}
-                                label={tr('Compare with competitors')}
+                                label={tr('See how we compare')}
                                 icon={displayCompetitors ? 'caret-top' : 'caret-bottom'}
                                 onClick={() =>
                                     this.setState(
@@ -360,7 +359,7 @@ export default class PricingSlider extends Component {
                                 }
                             />
 
-                            {displayCompetitors && this.displayCompetitorDetails(amountGmp, amountMbx)}
+                            {displayCompetitors && this.displayCompetitorDetails(amountGmp)}
                             {displayDetailed && this.displayDetails(displayedPricing, productPricing.unit)}
                         </div>
                     )}
@@ -396,5 +395,6 @@ PricingSlider.propTypes = {
     id: PropTypes.string.isRequired,
     planId: PropTypes.string.isRequired,
     hlPricings: PropTypes.object.isRequired,
+    displayCompetitors: PropTypes.string.isRequired,
+    displayCompetitorsCallback: PropTypes.func.isRequired,
 };
-

package/src/styles/console/pricing-slider.styl

@@ -924,6 +924,9 @@ h6
 				line-height 2
 			&__detailed-price-btn
 				order 5
+			&__competitor-price-btn
+				order 5
+                margin-left .5rem
 			&__price
 				line-height 2rem
 				width 100%