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..839b62ac89532b699a41a4b735ae80b970428f7f 100644 --- a/src/constants/competitors.ts +++ b/src/constants/competitors.ts @@ -30,5 +30,10 @@ export default { paidMonthly: 18.25, paidAnnually: 16.75, }, + { + name: "Discord", + paidMonthly: 0, + paidAnnually: 0, + }, ], };