Rafael_Sampaio_de_Oliveira/challenge-vtex-io-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: substitui ponto por virgula valor pix

Browse Source
This commit is contained in:
Rafael Sampaio de Oliveira 2023-01-30 11:44:56 -03:00
parent 12e33f81fb
commit 2fb64c583a
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
react/components/PixPrice/PixPrice.tsx
View File

@ -1,15 +1,15 @@
import React from "react"; import React, { useEffect } from "react";
import { useProduct } from "vtex.product-context"; import { useProduct } from "vtex.product-context";
import styles from "./styles.module.css"; import styles from "./styles.module.css";
const PixPrice = () => { const PixPrice = () => {
// useEffect(() => { useEffect(() => {
// const inputCep = document.querySelectorAll(".vtex-address-form-4-x-input"); const inputCep = document.querySelectorAll(".vtex-address-form-4-x-input");
// // inputCep.setAttribute('placeholder', 'Digite seu CEP'); // inputCep.setAttribute('placeholder', 'Digite seu CEP');
// console.log(inputCep); console.log(inputCep);
// }); });
const productContextValue = useProduct(); const productContextValue = useProduct();
@ -18,7 +18,7 @@ const PixPrice = () => {
const descount = (Number(productPrice) * 10) / 100; const descount = (Number(productPrice) * 10) / 100;
const total = Number(productPrice) - Number(descount.toFixed(2)); const total = Number(productPrice) - Number(descount);
return ( return (
<div className={styles["pixPrice-container"]}> <div className={styles["pixPrice-container"]}>
@ -30,7 +30,9 @@ const PixPrice = () => {
/> />
</div> </div>
<div className={styles["pixPrice-descount"]}> <div className={styles["pixPrice-descount"]}>
<p className={styles["pixPrice-value"]}>R$ {total.toFixed(2)}</p> <p className={styles["pixPrice-value"]}>
R$ {total.toFixed(2).replace(".", ",")}
</p>
<p className={styles["pixPrice-text"]}>10 % de desconto</p> <p className={styles["pixPrice-text"]}>10 % de desconto</p>
</div> </div>
</div> </div>