anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-10 18:53:47 -03:00
parent 001887d29e
commit eb070d4a1d
1 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
react/components/Placeholder/Placeholder.tsx
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;
}; };