Can I enable/disable hyperlink on a record based on User's permission set in lwc

Question

I have a requirement to add hyperlinks to record name only for certain user with specific permission set.

html file:

  <a data-record-id={f.Id} onclick={handleClick} target="_blank">&nbsp;&nbsp;{f.Name}</a>

js file:

@wire(getList)
listresults;

handleClick (event) {

    this[NavigationMixin.Navigate]({
        type: 'standard__recordPage',
        attributes: {
            recordId: event.target.dataset.recordId,
            actionName: 'view'
        }
    });
}

Answer 1

You could create a new style class in your CSS file that disables the link:

.disabledlink {
    pointer-events: none;
}

Set up a variable that's blank by default:

linkStyleClass = "";

But gets set to "disabledlink" if the user does not have the permission set assignment:

@wire(checkPermissionSetAssignment)
wiredPermissionSetAssignmentCheck({ error, data }) {
    if (data) {
        // Not sure what data you're getting back, but you could do a check here if not done in the Apex method
        this.linkStyleClass = "disabledlink";
    }
}

And finally, set that variable as the style class value in your link that will be enabled/disabled by that variable's value:

<a data-record-id={f.Id} onclick={handleClick} target="_blank" class={linkStyleClass}>&nbsp;&nbsp;{f.Name}</a>