diff --git a/src/components/PricingComparator/PricingComparator.js b/src/components/PricingComparator/PricingComparator.js index 89a4bd8756bc658f3f65f16762bffadccec834b5..3bb311321dd43c455c983a6c58d2ffd80d4053d1 100644 --- a/src/components/PricingComparator/PricingComparator.js +++ b/src/components/PricingComparator/PricingComparator.js @@ -81,6 +81,26 @@ export default function PricingComparator() { setUsers(currentUsers => currentUsers + step); }; + const value = Math.round(prices.froggit - (prices.lab + prices.chat)) * users * 12; + + let message = <> + Économise{users > 1 ? "z" : ""}{" "} + <span className={styles.summaryBadge}> + {formatNumber( + Math.abs(value) + )} + € + </span>{" "} + par an pour {users} utilisateur + {users > 1 ? "s" : ""} avec Froggit ! + </>; + + if (value > 0) { + message = <> + Froggit ne {users > 1 ? "vous" : "te"} ferait rien économiser, mais c'est le prix de la souveraineté numérique et de la conformité RGPD ! + </>; + } + return ( <div className={styles.container}> <div className={styles.controls}> @@ -251,15 +271,7 @@ export default function PricingComparator() { </div> </div> <p className={styles.summary}> - Économise{users > 1 ? "z" : ""}{" "} - <span className={styles.summaryBadge}> - {formatNumber( - Math.abs(prices.froggit - (prices.lab + prices.chat)) * users * 12 - )} - € - </span>{" "} - par an pour {users} utilisateur - {users > 1 ? "s" : ""} avec Froggit ! + {message} </p> </div> ); diff --git a/src/constants/competitors.ts b/src/constants/competitors.ts index 96b659a426608bfa2bb4c003a2c527d3fba240a8..abb62179789c948dbbeb1a4915e050cc4350d861 100644 --- a/src/constants/competitors.ts +++ b/src/constants/competitors.ts @@ -27,8 +27,13 @@ export default { chat: [ { name: "Slack", - paidMonthly: 18.25, - paidAnnually: 16.75, + paidMonthly: 8.25, + paidAnnually: 6.75, + }, + { + name: "Discord", + paidMonthly: 0, + paidAnnually: 0, }, ], };