AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: placeholder do cep pronto e funcionando

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-01-28 17:03:56 -03:00
parent d0176b72ea
commit cbf2a7d744
1 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
react/components/PlaceholderCep/PlaceholderCep.tsx
View File

@ -1,15 +1,27 @@
import React from "react";
const PlaceholderCep = () => {
if (typeof document !== "undefined") {
new Promise(resolve => {
if (document.querySelectorAll(".vtex-address-form-4-x-input").length > 0) {
return resolve(Array.from(document.querySelectorAll(".vtex-address-form-4-x-input")));
}
// document.getElementsByClassName("vtex-address-form-4-x-hideDecorators")[0].setAttribute("placeholder", "Digite seu CEP");
const observer = new MutationObserver(() => {
if (document.querySelectorAll(".vtex-address-form-4-x-input").length > 0) {
resolve(document.querySelectorAll(".vtex-address-form-4-x-input"));
observer.disconnect();
}
});
// .placeholder = "Digite seu CEP"
};
observer.observe(document.body, {
childList: true,
subtree: true,
});
}).then((els: any) => {
els[0].placeholder = "Digite seu CEP";
});
return "" ;
};
return <></>;
};
export default PlaceholderCep;
export default PlaceholderCep;