ThiagoDutraSampaioLeite/m3-academy-template-checkout-thiago-dutra
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat: Finaliza js Footer' (#7) from feature/checkout into main

Browse Source 
Reviewed-on: #7
This commit is contained in:
ThiagoDutraSampaioLeite 2022-12-17 17:16:33 +00:00
commit 175ca498f3
1 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
checkout/src/arquivos/js/components/Footer.js
View File

@ -117,7 +117,7 @@ export default class Footer {
item.link item.link
}">Ver Produto</button>`; }">Ver Produto</button>`;
slickPrat.children[1].appendChild(li); slickPrat.children[1].appendChild(li);
this.footerCheckoutPrateleira.classList.add("fetch"); this.footerCheckoutPrateleira.classList.add("ApiFetch");
}); });
}) })
.then(() => { .then(() => {
@ -133,9 +133,6 @@ export default class Footer {
} }
onUpdate() { onUpdate() {
//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; let target = this.checkoutVazio;
let list = this.footerCheckoutPrateleira; let list = this.footerCheckoutPrateleira;
@ -147,7 +144,7 @@ export default class Footer {
} }
let config = { childList: true, attributes: true }; let config = { childList: true, attributes: true };
let observer = new MutationObserver((mutations) => { let observer = new MutationObserver((mutations) => {
if (this.footerCheckoutPrateleira.classList.contains("fetch")) { if (this.footerCheckoutPrateleira.classList.contains("ApiFetch")) {
this.createPrateleira(); this.createPrateleira();
} }
mutations.forEach(function (mutation) { mutations.forEach(function (mutation) {