Merge pull request #1048 from cultuurnet/use-permissions

Use permissions instead of roles

Author: vhande

src/pages/organizers/[organizerId]/preview/OrganizerLabels.tsx

@@ -9,7 +9,7 @@ import {
   useAddOfferLabelMutation,
   useRemoveOfferLabelMutation,
 } from '@/hooks/api/offers';
-import { useGetRolesQuery } from '@/hooks/api/user';
+import { useGetPermissionsQuery } from '@/hooks/api/user';
 import { LABEL_PATTERN } from '@/pages/steps/AdditionalInformationStep/LabelsStep';
 import { Label } from '@/types/Offer';
 import { Organizer } from '@/types/Organizer';
@@ -45,9 +45,9 @@ export const OrganizerLabelsForm = ({ organizer }: OrganizerLabelProps) => {
     getUniqueLabels(organizer) ?? [],
   );
 
-  const getRolesQuery = useGetRolesQuery();
-  const roles = getRolesQuery.data?.[0]?.permissions;
-  const labelsToShow = displayCultuurkuurLabels(roles, labels);
+  const getPermissionsQuery = useGetPermissionsQuery();
+  const permissions = getPermissionsQuery.data;
+  const labelsToShow = displayCultuurkuurLabels(permissions, labels);
 
   const addLabelMutation = useAddOfferLabelMutation();
   const removeLabelMutation = useRemoveOfferLabelMutation();

src/pages/steps/AdditionalInformationStep/LabelsStep.tsx

@@ -4,14 +4,13 @@ import { useTranslation } from 'react-i18next';
 import { useQueryClient, UseQueryResult } from 'react-query';
 
 import { ScopeTypes } from '@/constants/OfferType';
-import { PermissionTypes } from '@/constants/PermissionTypes';
 import { useGetLabelsByQuery } from '@/hooks/api/labels';
 import {
   useAddOfferLabelMutation,
   useRemoveOfferLabelMutation,
 } from '@/hooks/api/offers';
 import { useGetEntityByIdAndScope } from '@/hooks/api/scope';
-import { useGetRolesQuery } from '@/hooks/api/user';
+import { useGetPermissionsQuery, useGetRolesQuery } from '@/hooks/api/user';
 import {
   TabContentProps,
   ValidationStatus,
@@ -62,9 +61,9 @@ function LabelsStep({
 
   const queryClient = useQueryClient();
 
-  const getRolesQuery = useGetRolesQuery();
-  const roles = getRolesQuery.data?.[0]?.permissions;
-  const labelsToShow = displayCultuurkuurLabels(roles, labels);
+  const getPermissionsQuery = useGetPermissionsQuery();
+  const permissions = getPermissionsQuery.data;
+  const labelsToShow = displayCultuurkuurLabels(permissions, labels);
 
   useEffect(() => {
     onValidationChange(