SabrinaMiranda/m3-academy-template-checkout-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(checkout vazio): Muda texto botão

Browse Source
This commit is contained in:
Sabrina Miranda 2022-12-16 15:45:07 -03:00
parent 242fa3ec7f
commit a5030d653b
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,9 +7,10 @@ export default class Footer {
async init() { async init() {
await this.selectors(); await this.selectors();
this.PaymentsIconsHTML(); this.paymentsIconsHTML();
this.VtexPciIconHTML(); this.vtexPciIconHTML();
this.developedByLogoHTML(); this.developedByLogoHTML();
this.temptyCartTextBtn();
// this.onUpdate(); // this.onUpdate();
} }
@ -20,9 +21,10 @@ export default class Footer {
this.payments = await waitElement(".footerCheckout__payments"); this.payments = await waitElement(".footerCheckout__payments");
this.vtexPCI = await waitElement(".footerCheckout__vtexpci"); this.vtexPCI = await waitElement(".footerCheckout__vtexpci");
this.developedBy = await waitElement(".footerCheckout__developedBy"); this.developedBy = await waitElement(".footerCheckout__developedBy");
this.textBtn = await waitElement("#cart-choose-products");
} }
PaymentsIconsHTML() { paymentsIconsHTML() {
if (this.payments) { if (this.payments) {
this.payments.innerHTML = ` this.payments.innerHTML = `
<picture class="payments-icons"> <picture class="payments-icons">
@ -38,7 +40,7 @@ export default class Footer {
} }
} }
VtexPciIconHTML() { vtexPciIconHTML() {
if (this.vtexPCI) { if (this.vtexPCI) {
this.vtexPCI.innerHTML = ` this.vtexPCI.innerHTML = `
<picture class="vtexpci-icon"> <picture class="vtexpci-icon">
@ -72,6 +74,12 @@ export default class Footer {
} }
} }
temptyCartTextBtn() {
if (this.textBtn) {
this.textBtn.textContent = "Continuar comprando";
}
}
onUpdate() { onUpdate() {
//Função qeu fará a verificação se o carrinho está vazio para remover a prateleira de produtos: //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 // vocês devem olhar a doc fornecida no Desafio para aprender a usar a MutationObserver