32 lines
893 B
TypeScript
32 lines
893 B
TypeScript
|
import React from "react";
|
||
|
|
|
||
|
|
import { User_permissions } from "@saleor/auth/types/User";
|
||
|
|
import { PermissionEnum } from "@saleor/types/globalTypes";
|
||
|
|
|
||
|
|
export function hasPermissions(
|
||
|
|
userPermissions: User_permissions[],
|
||
|
|
requiredPermissions: PermissionEnum[]
|
||
|
|
): boolean {
|
||
|
|
return requiredPermissions.reduce(
|
||
|
|
(acc, perm) =>
|
||
|
|
acc && !!userPermissions.find(userPerm => userPerm.code === perm),
|
||
|
|
true
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface RequirePermissionsProps {
|
||
|
|
children: React.ReactNode | React.ReactNodeArray;
|
||
|
|
requiredPermissions: PermissionEnum[];
|
||
|
|
userPermissions: User_permissions[];
|
||
|
|
}
|
||
|
|
|
||
|
|
const RequirePermissions: React.FC<RequirePermissionsProps> = ({
|
||
|
|
children,
|
||
|
|
requiredPermissions,
|
||
|
|
userPermissions
|
||
|
|
}) =>
|
||
|
|
hasPermissions(userPermissions, requiredPermissions) ? <>{children}</> : null;
|
||
|
|
|
||
|
|
RequirePermissions.displayName = "RequirePermissions";
|
||
|
|
export default RequirePermissions;
|