diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index 04b5231..6131be4 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -33,8 +33,8 @@ export default class Footer { // 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; - letconfig = { childList: true, attributes: true }; - letobserver = new MutationObserver((mutations) => { + let config = { childList: true, attributes: true }; + let observer = new MutationObserver((mutations) => { mutations.forEach(function (mutation) { console.log(mutation.type); }); @@ -46,34 +46,34 @@ export default class Footer { createPrateleira() { if (this.itensShelf) { this.itensShelf.innerHTML = ` -
-

Você também pode gostar:

-
- +
+

Você também pode gostar:

+
+ `; } } async itensPrateleira() { - letstructure = ""; + let structure = ""; this.list.forEach((response) => { const sku = response.skus.map((item) => `
  • ${item}
    • `); structure += ` -
  • -
    -
    ${response.name}
    -
    - -
    • +
  • +
    +
    ${response.name}
    +
    + +
    • `; }); this.prateleira.innerHTML = structure; } async fetchPrateleira() { - constapi = + const api = "https://m3academy.myvtex.com/api/catalog_system/pub/products/search/?fq=productClusterIds:319"; return fetch(api) .then((response) => response.json()) @@ -100,37 +100,37 @@ export default class Footer { creditCardIconsHTML() { this.creditCardIcons.innerHTML = ` -
  • Mastercard
    • -
    • -
  • American Express
    • -
  • Elo
    • -
  • Hipercard
    • -
  • PayPal
    • -
  • Boleto
    • -
    • -
  • PCI VTEX
    • +
  • Mastercard
    • +
    • +
  • American Express
    • +
  • Elo
    • +
  • Hipercard
    • +
  • PayPal
    • +
  • Boleto
    • +
    • +
  • PCI VTEX
    • `; } developedByIconsHTML() { this.developedByIcons.innerHTML = ` -
  • -
    - -Powered By - - -
    -
    • +
  • +
    + + Powered By + + +
    +
    • -
  • -
    - -Developed By - - -
    -
    • +
  • +
    + + Developed By + + +
    +
    • `; } }