Authorization

You can use the usePermissions hook to check user permissions in React components. This hook is located at src/hooks/usePermissions.ts.

Usage

import { usePermissions } from "@/hooks/usePermissions";

const MyComponent: React.FC = () => {
  const { isGranted, isGrantedAny } = usePermissions();

  return (
    <div>
      {isGranted("Pages.Administration.Users") && (
        <button>Manage Users</button>
      )}
      
      {isGrantedAny("Pages.Administration.Users.Create", "Pages.Administration.Users.Edit") && (
        <button>Create or Edit User</button>
      )}
    </div>
  );
};

Available Methods

Permissions Definition

Permissions are defined on the backend in the *.Core project. See:

• Role Management
• User Management
• ASP.NET Boilerplate authorization documentation