Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit b8f30bee authored by Gabin Aureche's avatar Gabin Aureche
Browse files

feat: add summary

parent 4cd7e107
No related branches found
No related tags found
1 merge request!119Resolve "create price comparaison component"
Pipeline #43723 failed
...@@ -114,10 +114,10 @@ export default function PricingComparator() { ...@@ -114,10 +114,10 @@ export default function PricingComparator() {
type="text" type="text"
onKeyDown={event => { onKeyDown={event => {
switch (event.key) { switch (event.key) {
case "ArrowDown": case "ArrowDown":
return decreaseUsers(event.shiftKey); return decreaseUsers(event.shiftKey);
case "ArrowUp": case "ArrowUp":
return increaseUsers(event.shiftKey); return increaseUsers(event.shiftKey);
} }
}} }}
onChange={event => { onChange={event => {
...@@ -270,6 +270,17 @@ export default function PricingComparator() { ...@@ -270,6 +270,17 @@ export default function PricingComparator() {
</div> </div>
</div> </div>
</div> </div>
<p className={styles.summary}>
Économise{users > 1 ? "z" : ""}{" "}
<span className="badge badge--success">
{formatNumber(
Math.abs(prices.froggit - (prices.code + prices.chat)) * users * 12
)}
</span>{" "}
par an pour {users} utilisateur
{users > 1 ? "s" : ""} avec Froggit !
</p>
</div> </div>
); );
} }
...@@ -47,6 +47,7 @@ ...@@ -47,6 +47,7 @@
background-color: var(--ifm-color-secondary-lightest); background-color: var(--ifm-color-secondary-lightest);
box-shadow: var(--ifm-global-shadow-tl); box-shadow: var(--ifm-global-shadow-tl);
border-radius: var(--ifm-card-border-radius); border-radius: var(--ifm-card-border-radius);
margin-bottom: 1em;
} }
.tableHead, .tableHead,
.tableRow { .tableRow {
...@@ -95,3 +96,8 @@ ...@@ -95,3 +96,8 @@
.tableRow:last-child .tableRowCell:nth-child(3) { .tableRow:last-child .tableRowCell:nth-child(3) {
grid-column: span 2; grid-column: span 2;
} }
.summary {
font-size: var(--ifm-h3-font-size);
text-align: center;
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment