Entrega do Desafio #1

Merged
anacarolinaduartecavalcante merged 93 commits from feature/challenge-vtex-io into develop 2023-02-03 17:14:03 +00:00
2 changed files with 76 additions and 0 deletions
Showing only changes of commit 6d324dbf2a - Show all commits

3
react/PaymentMethods.tsx Normal file
View File

@ -0,0 +1,3 @@
import PaymentMethods from "./components/PaymentMethods/PaymentMethods";
export default PaymentMethods;

View File

@ -0,0 +1,73 @@
import React from "react";
const PaymentMethods = () => {
return (
<div className="vtex-menu-2-x-FooterRightBlock">
<span className="vtex-menu-2-x-SpanTitleBig">Formas de pagamento</span>
<ul className="vtex-menu-2-x-UlGroup">
<ul className="vtex-menu-2-x-UlSecondary">
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/mastercard-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone mastercard"
/>
</li>
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/diners-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone diners"
/>
</li>
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/boleto-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone boleto"
/>
</li>
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/pix-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone pix"
/>
</li>
</ul>
<ul className="vtex-menu-2-x-UlSecondary">
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/elo-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone elo"
/>
</li>
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/hipercard-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone hipercard"
/>
</li>
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/visa-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone visa"
/>
</li>
<li>
<img
className="vtex-menu-2-x-ImgCard"
src="https://agenciamagma.vteximg.com.br/arquivos/amex-icon-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone amex"
/>
</li>
</ul>
</ul>
</div>
);
};
export default PaymentMethods;