Hi guys !
I want to build a connection page , but i need to reload the page so the button change from login to logout .
How can i do for change it automatically ?
Thanks
/** Connect to Moralis server */
const serverUrl = "";
const appId = "";
Moralis.start({ serverUrl, appId });
init = async () => {
initUser();
}
login = async () => {
try {
user = await Moralis.authenticate();
console.log(currentUser);
initUser();
} catch (error) {
alert(error)
}
}
let currentUser = Moralis.User.currentAsync();
initUser = async () => {
if ( await currentUser) {
hideElement(userConnectButton);
showElement(userProfileButton);
} else {
showElement(userConnectButton);
hideElement(userProfileButton);
}
};
logOut = async () => {
await Moralis.User.logOut().then(()=>{
const currentUser = Moralis.User.current();
});
console.log("logged out");
}
// Navbar
//document.getElementById("btn-login").onclick = login;
//document.getElementById("btn-logout").onclick = logOut;
hideElement = (element) => element.style.display = "none"
showElement = (element) => element.style.display = "block"
let userConnectButton = document.getElementById("btn-login");
let userProfileButton = document.getElementById("btn-logout");
userConnectButton.onclick = login;
userProfileButton.onclick = logOut;
/** Useful Resources */
// https://docs.moralis.io/moralis-server/users/crypto-login
// https://docs.moralis.io/moralis-server/getting-started/quick-start#user
// https://docs.moralis.io/moralis-server/users/crypto-login#metamask
/** Moralis Forum */
// https://forum.moralis.io/
init();