Add Delete button to organizers when permission is there

src/layouts/Sidebar.tsx

@@ -18,11 +18,7 @@ import { useCookiesWithOptions } from '@/hooks/useCookiesWithOptions';
 import { FeatureFlags, useFeatureFlag } from '@/hooks/useFeatureFlag';
 import { useLocalStorage } from '@/hooks/useLocalStorage';
 import { useMatchBreakpoint } from '@/hooks/useMatchBreakpoint';
-import {
-  Features,
-  NewFeatureTooltip,
-  QuestionCircleIcon,
-} from '@/pages/NewFeatureTooltip';
+import { QuestionCircleIcon } from '@/pages/NewFeatureTooltip';
 import type { Values } from '@/types/Values';
 import { Badge } from '@/ui/Badge';
 import { Button, ButtonVariants } from '@/ui/Button';
@@ -641,4 +637,4 @@ const Sidebar = () => {
   ];
 };
 
-export { Sidebar };
+export { PermissionTypes, Sidebar };

src/pages/dashboard/index.page.tsx

@@ -23,11 +23,13 @@ import {
   useGetPlacesByCreatorQuery,
 } from '@/hooks/api/places';
 import {
+  useGetPermissionsQuery,
   useGetUserQuery,
   useGetUserQueryServerSide,
   User,
 } from '@/hooks/api/user';
 import { FeatureFlags, useFeatureFlag } from '@/hooks/useFeatureFlag';
+import { PermissionTypes } from '@/layouts/Sidebar';
 import { Footer } from '@/pages/Footer';
 import type { Event } from '@/types/Event';
 import { Offer } from '@/types/Offer';
@@ -361,6 +363,7 @@ const OrganizerRow = ({
   const { t, i18n } = useTranslation();
 
   const getUserQuery = useGetUserQuery();
+  const getPermissionsQuery = useGetPermissionsQuery();
   // @ts-expect-error
   const userId = getUserQuery.data?.sub;
   // @ts-expect-error
@@ -373,6 +376,8 @@ const OrganizerRow = ({
   const formattedAddress = address ? formatAddressInternal(address) : '';
   const editUrl = `/organizer/${parseOfferId(organizer['@id'])}/edit`;
   const previewUrl = `/organizer/${parseOfferId(organizer['@id'])}/preview`;
+  // @ts-expect-error
+  const permissions = getPermissionsQuery?.data ?? [];
 
   return (
     <Row
@@ -385,6 +390,11 @@ const OrganizerRow = ({
         <Link href={editUrl} variant={LinkVariants.BUTTON_SECONDARY} key="edit">
           {t('dashboard.actions.edit')}
         </Link>,
+        permissions?.includes(PermissionTypes.ORGANISATIES_BEHEREN) && (
+          <Dropdown.Item onClick={() => onDelete(organizer)} key="delete">
+            {t('dashboard.actions.delete')}
+          </Dropdown.Item>
+        ),
       ]}
       status={{
         isExternalCreator,