anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 93 commits from feature/challenge-vtex-io into develop 2023-02-03 17:14:03 +00:00
Conversation 0 Commits 93 Files Changed 68 +5 -32
3 changed files with 5 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f8e3eb1720 - Show all commits

11
react/components/InstallmentProduct/InstallmentProduct.tsx
View File

@ -1,5 +1,6 @@
import React from "react"; import React from "react";
import { useProduct } from "vtex.product-context"; import { useProduct } from "vtex.product-context";
import styles from "./InstallmentProduct.module.css";
const InstallmentProduct = () => { const InstallmentProduct = () => {
const product = useProduct(); const product = useProduct();
@ -12,16 +13,14 @@ const InstallmentProduct = () => {
product?.selectedItem?.sellers[0].commertialOffer.Installments[10].Value, product?.selectedItem?.sellers[0].commertialOffer.Installments[10].Value,
}; };
return ( return (
<p className="vtex-flex-layout-0-x-PriceContent"> <p className={styles.PriceContent}>
<strong> <strong>{productWithInstallments.numberOfInstallments}x&nbsp;</strong>
{productWithInstallments.numberOfInstallments}x&nbsp;
</strong>
de&nbsp; de&nbsp;
<strong> <strong>
R$&nbsp; R$&nbsp;
{productWithInstallments.value?.toFixed(2).toString().replace(".", ",")} {productWithInstallments.value?.toFixed(2).toString().replace(".", ",")}
</strong> sem juros </strong>{" "}
sem juros
</p> </p>
); );
}; };

11
styles/css/vtex.flex-layout.css
View File

@ -31,15 +31,4 @@
display: grid; display: grid;
grid-template-columns: 48.819% 48.819%; grid-template-columns: 48.819% 48.819%;
} }
}
.flexColChild .PriceContent {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #929292;
}
.flexColChild .PriceContent :nth-child(1n) {
font-weight: 700;
} }

15
styles/sass/pages/product/flex-layout/vtex.flex-layout.scss
View File

@ -23,18 +23,3 @@
grid-template-columns: 48.819% 48.819%; grid-template-columns: 48.819% 48.819%;
} }
} }
// dados produto
.flexColChild {
.PriceContent {
margin: 0;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #929292;
& :nth-child(1n) {
font-weight: 700;
}
}
}