Check all permission for attribute config (#4694)

* Check all permission for attribute config

* Add changeset

.changeset/five-icons-study.md

@@ -0,0 +1,5 @@
+---
+"saleor-dashboard": patch
+---
+
+Fix showing attribute config for use with only one permission

src/configuration/index.tsx

@@ -52,6 +52,7 @@ export function createConfigurationMenu(intl: IntlShape): MenuSection[] {
             defaultMessage: "Determine attributes used to create product types",
           }),
           icon: <Attributes />,
+          requireAllPermissions: true,
           permissions: [
             PermissionEnum.MANAGE_PRODUCT_TYPES_AND_ATTRIBUTES,
             PermissionEnum.MANAGE_PAGE_TYPES_AND_ATTRIBUTES,

src/configuration/types.ts

@@ -5,6 +5,7 @@ export interface MenuItem {
   description: string;
   icon: React.ReactElement<IconProps>;
   permissions?: PermissionEnum[];
+  requireAllPermissions?: boolean;
   title: string;
   url?: string;
   testId?: string;

src/configuration/utils.ts

@@ -1,5 +1,5 @@
 // @ts-strict-ignore
-import { hasAnyPermissions } from "@dashboard/auth/misc";
+import { hasAllPermissions, hasAnyPermissions } from "@dashboard/auth/misc";
 import { PermissionEnum, UserFragment } from "@dashboard/graphql";
 import { IntlShape } from "react-intl";
 
@@ -22,5 +22,14 @@ export const getConfigMenuItemsPermissions = (
 export const hasUserMenuItemPermissions = (
   menuItem: MenuItem,
   user: UserFragment,
-): boolean =>
-  menuItem.permissions ? hasAnyPermissions(menuItem.permissions, user) : true;
+): boolean => {
+  if (menuItem.permissions) {
+    if (menuItem.requireAllPermissions) {
+      return hasAllPermissions(menuItem.permissions, user);
+    }
+
+    return hasAnyPermissions(menuItem.permissions, user);
+  }
+
+  return true;
+};