fix: Missing Subscription and Slack in menus

e2e/cypress/e2e/organizations/apps/slack.cy.ts

@@ -0,0 +1,47 @@
+import {
+  login,
+  setBypassSeatCountCheck,
+} from '../../../common/apiCalls/common';
+import { organizationTestData } from '../../../common/apiCalls/testData/testData';
+import { gcy } from '../../../common/shared';
+import { HOST } from '../../../common/constants';
+
+describe('Slack', () => {
+  let organizationData: Record<string, { slug: string }>;
+
+  beforeEach(() => {
+    setBypassSeatCountCheck(true);
+    login();
+    organizationTestData.clean();
+    organizationTestData.generate().then((res) => {
+      organizationData = res.body as any;
+      visitProfile('Tolgee');
+    });
+  });
+
+  afterEach(() => {
+    setBypassSeatCountCheck(false);
+  });
+
+  it('slack app settings exist', () => {
+    gcy('organization-side-menu').contains('Apps').click();
+    cy.contains('Slack').should('be.visible');
+  });
+
+  after(() => {
+    organizationTestData.clean();
+  });
+
+  const visitProfile = (name: string) => {
+    visitPath(name, `/profile`);
+  };
+
+  function visitSlug(slug: string, path: string) {
+    cy.visit(`${HOST}/organizations/${slug}${path}`);
+  }
+
+  const visitPath = (name: string, path: string) => {
+    const slug = organizationData[name].slug;
+    visitSlug(slug, path);
+  };
+});

webapp/src/component/security/UserMenu/UserPresentAvatarMenu.tsx

@@ -142,7 +142,9 @@ export const UserPresentAvatarMenu: React.FC = () => {
               </MenuItem>
             ))}
 
-            {billingMenuItems}
+            {billingMenuItems.map((Item, index) => (
+              <Item key={index} onClose={handleClose} />
+            ))}
 
             <OrganizationSwitch
               onSelect={handleSelectOrganization}

webapp/src/eeSetup/eeModule.ee.tsx

@@ -263,40 +263,6 @@ export const useAddUserMenuItems = () => {
   );
 };
 
-export const useAddEeBatchOperations = () => {
-  const taskCount = useUserTaskCount();
-  return addUserMenuItems(
-    [
-      {
-        Component: ({ onClose }) => {
-          const { t } = useTranslate();
-
-          return (
-            <MenuItem
-              component={Link}
-              to={LINKS.MY_TASKS.build()}
-              selected={location.pathname === LINKS.MY_TASKS.build()}
-              onClick={onClose}
-              data-cy="user-menu-my-tasks"
-              sx={{
-                display: 'flex',
-                justifyContent: 'space-between',
-                paddingRight: 3,
-              }}
-            >
-              <Box>{t('user_menu_my_tasks')}</Box>
-              <Badge badgeContent={taskCount} color="primary" />
-            </MenuItem>
-          );
-        },
-        enabled: true,
-        id: 'mu-tasks',
-      },
-    ],
-    { position: 'start' }
-  );
-};
-
 export const useAddProjectMenuItems = () => {
   const { t } = useTranslate();
 

webapp/src/views/organizations/apps/OrganizationAppsView.tsx

@@ -29,7 +29,9 @@ export const OrganizationAppsView: FunctionComponent = () => {
       hideChildrenOnLoading={false}
       maxWidth="normal"
     >
-      {apps}
+      {apps.map((App, index) => (
+        <App key={index} />
+      ))}
     </BaseOrganizationSettingsView>
   );
 };