Merge pull request 'chore(html): Resetando html' (#5) from feature/footer into development

Reviewed-on: #5

checkout/src/arquivos/js/components/Footer.js

@@ -30,6 +30,7 @@ export default class Footer {
         this.cartChooseProducts = await waitElement("a#cart-choose-products");
     }
 
+    // Oculta o titulo quando o carrinho está vazio
     async hideCartTitle() {
         if (this.checkoutVazio) {
             console.log("Carrinho Vazio, removendo título");
@@ -45,11 +46,13 @@ export default class Footer {
         // }
     }
 
+    // Muda o texto do botão do carrinho vazio
     changeButtonText() {
         // console.log("Mudando texto do botão");
         this.cartChooseProducts.innerText = "Continue Comprando";
     }
 
+    // Adiciona as imagens das bandeiras dos cartões
     addCreditCards() {
         this.creditCardSection.innerHTML = `
         <div class="credit-cards">
@@ -112,6 +115,7 @@ export default class Footer {
             </div>`;
     }
 
+    // Adiciona as informações de copyrigth
     addCredits() {
         this.creditsSection.innerHTML = `<div class="credits">
         <div class="credit-text">Powered By</div>
@@ -134,6 +138,7 @@ export default class Footer {
         </div>`;
     }
 
+    // API
     createPrateleira() {
         fetch(
             "https://m3academy.myvtex.com/api/catalog_system/pub/products/search/?fq=productClusterIds:319"

checkout/src/template-checkout/checkout-header.html

@@ -20,28 +20,6 @@
                 />
                 <span>Compra segura</span>
             </div>
-
-            <div class="suggested-items">
-                <div class="card-item">
-                    <figure class="item-image">
-                        <img src="${data[i].items[0].images[0].imageUrl}" alt="" />
-                    </figure>
-
-                    <div class="item-name">
-                        <p>${data[i].productName}</p>
-                    </div>
-
-                    <div class="item-sizes">
-                        <div class="item-size-name">
-                            <p></p>
-                        </div>
-                    </div>
-
-                    <a href="" class="item-link">
-                        <div>VER PRODUTO</div>
-                    </a>
-                </div>
-            </div>
         </div>
     </div>
 </header>