diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index c4d94b1..21a239d 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -121,11 +121,20 @@ export default class Footer { //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 - if (window.location.hash == "#/cart") { - this.titleCart.classList.add("disable"); - } let target = this.checkoutVazio; + if (target.style.display == "block" && window.location.hash == "#/cart") { + this.titleCart.classList.add("disable"); + if ( this.titleCart.style.display == "none") { + this.sliderProducts.classList.add("disable"); + this.sliderProducts.innerHTML = ""; + } + } else { + this.titleCart.classList.remove("disable"); + this.sliderProducts.classList.remove("disable"); + this.ListProducts(); + } + let observer = new MutationObserver((mutations) => { mutations.forEach(() => { if (target.style.display == "none") {