From b780c5d4bdf12324d29ad680d84ee1ecd2a8a533 Mon Sep 17 00:00:00 2001
From: MarcelloMartins <marcello08martins@outlook.com>
Date: Sat, 17 Dec 2022 11:51:01 -0300
Subject: [PATCH] feat(footer): adicionei as imagens de pagamento

---
 checkout/src/arquivos/js/components/Footer.js | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index ddbfee7..32323a5 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -5,19 +5,41 @@ export default class Footer {
         this.init();
     }
 
+    payments() {
+        this.paymentTypesIconsContainer.innerHTML = "";
+        const paymentTypes = [
+            "masterCardM3Academy",
+            "visaM3Academy",
+            "amexM3Academy",
+            "eloM3Academy",
+            "hiperCardM3Academy",
+            "paypalM3Academy",
+            "boletoM3Academy",
+        ];
+        paymentTypes.forEach((paymentType) => {
+            const image = document.createElement("img");
+            image.src = `https://agenciamagma.vteximg.com.br/arquivos/${paymentType}.png`;
+            this.paymentTypesIconsContainer.appendChild(image);
+        });
+    }
+
     async init() {
         await this.selectors();
+        this.payments();
         // this.onUpdate();
     }
 
     async selectors() {
+        this.paymentTypesIconsContainer = await waitElement(
+            ".footerCheckout__stamps li:first-of-type"
+        );
         //Para verificar se o carrinho está vazio e remover a prateleira de produtos:
         // vocês devem olhar a doc fornecida no Desafio para aprender a usar o waitElement
         this.checkoutVazio = await waitElement(".empty-cart-content");
     }
 
     onUpdate() {
-        //Função qeu fará a verificação se o carrinho está vazio para remover a prateleira de produtos:
+        //Função qeu fará a verificação se o carrinho está vazio para remover a prateleira de produtos
         // vocês devem olhar a doc fornecida no Desafio para aprender a usar a MutationObserver
         // sempre que o carrinho estiver vazio o elemento chcekoutVazio fica display: none e isso pode ser usado como atributo para a MutationObserver
         let target = this.checkoutVazio;
@@ -38,3 +60,5 @@ export default class Footer {
         });
     }
 }
+
+// final