From 2346a5f5e66da54d0a150ee879dc3ca6d510c0dc Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Fri, 16 Dec 2022 15:19:27 -0300
Subject: [PATCH] =?UTF-8?q?feat(Footer.js):=20implementa=C3=A7=C3=A3o=20da?=
 =?UTF-8?q?s=20imagens=20e=20logos=20no=20footer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 checkout/src/arquivos/js/components/Footer.js | 56 ++++++++++++++++++-
 1 file changed, 53 insertions(+), 3 deletions(-)

diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index fa29cea..76bbcbb 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -3,19 +3,19 @@ import { waitElement } from "m3-utils";
 export default class Footer {
     constructor() {
         this.init();
-
     }
 
     async init() {
         this.list = await this.requestApi();
         await this.selectors();
+        this.creditCardIconsHTML();
+        this.developedByIconsHTML();
+
         // this.onUpdate();
         this.createShelf();
         this.shelfList = await waitElement(".footerCheckout__shelfList");
         this.shelfItens();
 
-
-
         this.addCarrossel();
     }
 
@@ -24,6 +24,13 @@ export default class Footer {
             timeout: 5000,
             interval: 1000,
         });
+        this.checkoutVazio = await waitElement(".empty-cart-content", {
+            timeout: 5000,
+            interval: 1000,
+        });
+        this.creditCardIcons = await waitElement(".footerCheckout__stamps");
+        this.developedByIcons = await waitElement(".footerCheckout__developedBy");
+
     }
 
     createShelf() {
@@ -95,4 +102,47 @@ export default class Footer {
             infinite: false,
         });
     }
+
+    creditCardIconsHTML() {
+        this.creditCardIcons.innerHTML = `
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/masterCardM3Academy.png" alt="Mastercard"></li>
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/visaM3Academy.png" alt=""></li>
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/amexM3Academy.png" alt="American Express"></li>
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/eloM3Academy.png" alt="Elo"></li>
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/hiperCardM3Academy.png" alt="Hipercard"></li>
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/payPalM3Academy.png" alt="PayPal"></li>
+        <li><img src="https://agenciamagma.vteximg.com.br/arquivos/boletoM3Academy.png" alt="Boleto"></li>
+        <li><span class="footerCheckout__stamps__divider"></span></li>
+        <li class="vtex-pci"><img src="https://agenciamagma.vteximg.com.br/arquivos/vtexPCIM3Academy.png" alt="PCI VTEX"></li>
+        `;
+    }
+
+    developedByIconsHTML() {
+        this.developedByIcons.innerHTML = `
+        <li>
+        <div class="by-vtex">
+          <a href="https://vtex.com.br-pt/">
+            <span>Powered By</span>
+          </a>
+          <img class="vtex-logo" src="https://agenciamagma.vteximg.com.br/arquivos/logoVTEXM3Academy.png" alt="VTEX" />
+        </div>
+      </li>
+
+      <li>
+        <div class="by-m3">
+          <a href="https://vtex.com.br-pt/">
+            <span>Developed By</span>
+          </a>
+          <img class="m3-logo" src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png" alt="M3" />
+        </div>
+      </li>
+        `;
+    }
+
+
 }
+
+
+
+
+