How to hide elements for member with role only

Ask the community
,
1

I have two different role types: Furniture Exhibitor and Visitor. I have two sidebar menus for two different roles, which contain different kinds of information. I want when the Furniture Exhibitor account is logged in, they can only see the sidebar menu that I want to show them and hide the menu that is meant to show for the Visitor account. The same with the Visitor account. After the member is logged in, I use the code that helps me refresh the page.

And for that purpose, I use these code

import wixUsers from ‘wix-users’;
import wixLocation from ‘wix-location’;

$w.onReady(function () {
const currentUser = wixUsers.currentUser;
if (currentUser.loggedIn) {
if (currentUser.role === ‘Furniture Exhibitor’) {
// Show or hide elements here for ‘Furniture Exhibitor’
$w(‘#box4’).show();
$w(‘#box5’).hide();
$w(‘#image2’).hide();
} else if (currentUser.role === ‘Visitor’) {
// Show or hide elements here for ‘Visitor’
$w(‘#box4’).hide();
$w(‘#box5’).show();
$w(‘#image2’).show();
} else {
// Default case when roles other than ‘Furniture Exhibitor’ or ‘Visitor’ exist
$w(‘#box4’).hide();
$w(‘#box5’).hide();
$w(‘#image2’).hide();
}
} else {
// Hide elements for users who are not logged in
$w(‘#box4’).hide();
$w(‘#box5’).hide();
$w(‘#image2’).hide();
}

// Redirect on login
wixUsers.onLogin((user) => {
    wixLocation.to("https://btkhanh.wixsite.com/website-2/spoga-gafa");
});

});

Can you help me find the error in this code? I tested the code by creating an account both in Furniture Exhibitor and Visitor but it didn’t show the box that I wanted.