How can i hide logout button and my profile button before connecting to my wallet?
Take a look at my code below.
const serverUrl = "https://mzrhanzmogsu.moralishost.com:2053/server";
const appId = "gFnTLmvgt8ZDUYMXF80FIonsCRqosKxXcfzmO2bM";
Moralis.start({ serverUrl, appId });
const btnlogin = document.getElementById("btn-login");
let user = Moralis.User.current();
if (!user) {
btnlogin.style.display = "block";
} else {
btnlogin.style.display = "none";
}
async function login() {
if (!user) {
user = await Moralis.authenticate({
signingMessage: "Welcome to MrGrandPaDoge NFT MarketPlace | The OG of Bitcoin",
});
if (user) {
btnlogin.style.display = "none";
}
}
console.log("logged in user:", user);
const isWeb3Active = Moralis.ensureWeb3IsInstalled();
Moralis.onAccountsChanged(async(accounts) => {
console.log("ACCOUNTS CHANGED");
const confirmed = confirm(
"Do you want to link this address to your account?"
);
if (confirmed) {
await Moralis.link(accounts[0]);
}
});
if (isWeb3Active) {
console.log("Activated");
} else {
async function enable() {
await Moralis.enable();
}
}
}
async function logOut() {
await Moralis.User.logOut();
btnlogin.style.display = "block";
console.log("logged out");
}
document.getElementById("btn-login").onclick = login;
document.getElementById("btn-logout").onclick = logOut;