fix: show 'Initialize' button only to owner

web/frontend/src/pages/form/components/ActionButtons/InitializeButton.tsx

@@ -4,14 +4,14 @@ import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { OngoingAction, Status } from 'types/form';
 import ActionButton from './ActionButton';
-const SUBJECT_ELECTION = 'election';
-const ACTION_CREATE = 'create';
-const InitializeButton = ({ status, handleInitialize, ongoingAction }) => {
-  const authCtx = useContext(AuthContext);
+import { isManager } from './utils';
+
+const InitializeButton = ({ status, handleInitialize, ongoingAction, formID }) => {
+  const { authorization, isLogged } = useContext(AuthContext);
   const { t } = useTranslation();
 
   return (
-    authCtx.isAllowed(SUBJECT_ELECTION, ACTION_CREATE) &&
+    isManager(formID, authorization, isLogged) &&
     status === Status.Initial && (
       <ActionButton
         handleClick={handleInitialize}

web/frontend/src/pages/form/components/utils/useChangeAction.tsx

@@ -488,6 +488,7 @@ const useChangeAction = (
               status={status}
               handleInitialize={handleInitialize}
               ongoingAction={ongoingAction}
+              formID={formID}
             />
             <DeleteButton handleDelete={handleDelete} formID={formID} />
           </>

web/frontend/tests/forms.spec.ts

@@ -76,6 +76,16 @@ test('Assert "Add voters" button is only visible to owner', async ({ page }) =>
   await assertIsOnlyVisibleToOwnerStates(page, page.getByTestId('addVotersButton'), [0, 1]);
 });
 
+test('Assert "Initialize" button is only visible to owner', async ({ page }) => {
+  await assertIsOnlyVisibleToOwnerStates(
+    page,
+    page.getByRole('button', { name: i18n.t('initialize') }),
+    [0],
+    0,
+    false
+  );
+});
+
 test('Assert "Setup" button is only visible to owner', async ({ page }) => {
   await assertIsOnlyVisibleToOwnerStates(
     page,