refactor(Placeholder.tsx): corrigindo lógica do componente

This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-10 18:53:47 -03:00
parent 001887d29e
commit eb070d4a1d

View File

@ -1,16 +1,29 @@
const Placeholder = () => { const Placeholder = () => {
if (typeof document !== "undefined") { if (typeof document !== "undefined") {
const postalCodeInput = document.querySelector( const observer = new MutationObserver(mutations => {
".vtex-address-form-4-x-input" mutations.forEach(_mutation => {
); const postalCodeInput = document.querySelector(
const postalCodeValue = document.querySelector(".postalCode"); ".vtex-address-form-4-x-input"
if (postalCodeInput) { );
postalCodeInput.classList.add("postalCode"); const postalCodeValue = document.querySelector(".postalCode");
}
if (postalCodeValue) { if (postalCodeInput) {
postalCodeValue.setAttribute("placeholder", "Digite seu CEP"); postalCodeInput.classList.add("postalCode");
} observer.disconnect();
}
if (postalCodeValue) {
postalCodeValue.setAttribute("placeholder", "Digite seu CEP");
}
});
});
observer.observe(document, {
childList: true,
subtree: true
});
} }
return null; return null;
}; };