This function updates the html page based on if user is logged in or not. My problem is that I have multiple pages with different conent and this function only updates the index.html page.
Should I create a class called Page add a unique checkUser() function to each page object?
Should I create for each page a seperate checkUser() function. Like checkUserOnSignUp, checkUserOnSignIn, checkUserOnIndex…
Should I update every element of every page in one checkUser() function?
Should I do something else? What do you suggest?
function checkUser() {
console.log("running ckeckUser");
currentUser = Moralis.User.current();
if (currentUser) {
document.getElementById("navbar_logged_out").style.display = "none";
document.getElementById("navbar_logged_in").style.display = "block";
console.log("LoggedIn check");
} else {
document.getElementById("navbar_logged_in").style.display = "none";
document.getElementById("navbar_logged_out").style.display = "block";
console.log("LoggedOut check");
}
}