Remove kebab factory uses from devconsole plugin

Author: vikram-raj

frontend/packages/console-app/package.json

@@ -52,6 +52,7 @@
       "perspectiveStateProvider": "src/actions/providers/perspective-state-provider.ts",
       "bindingProvider": "src/actions/providers/binding-provider.ts",
       "buildProvider": "src/actions/providers/build-provider.ts",
+      "projectProvider": "src/actions/providers/project-provider.ts",
       "ClusterConfigurationPage": "src/components/cluster-configuration/ClusterConfigurationPage.tsx",
       "PreferredPerspectiveSelect": "src/components/user-preferences/perspective/PreferredPerspectiveSelect.tsx",
       "NamespaceDropdown": "src/components/user-preferences/namespace/NamespaceDropdown.tsx",

frontend/packages/console-app/src/actions/providers/project-provider.ts

@@ -0,0 +1,16 @@
+import { useMemo } from 'react';
+import { useK8sModel } from '@console/dynamic-plugin-sdk/src/lib-core';
+import { K8sResourceKind, referenceFor } from '@console/internal/module/k8s';
+import { CommonActionCreator } from '../hooks/types';
+import { useCommonActions } from '../hooks/useCommonActions';
+
+export const useProjectActionsProvider = (resource: K8sResourceKind) => {
+  const [kindObj, inFlight] = useK8sModel(referenceFor(resource));
+  const [actions, isReady] = useCommonActions(kindObj, resource, [
+    CommonActionCreator.Edit,
+    CommonActionCreator.Delete,
+  ] as const);
+  const projectActions = useMemo(() => (isReady ? Object.values(actions) : []), [actions, isReady]);
+
+  return [projectActions, !inFlight, false];
+};

frontend/packages/dev-console/locales/en/devconsole.json

@@ -655,10 +655,11 @@
   "Chosen Cluster Roles": "Chosen Cluster Roles",
   " or <1>create a Project</1>": " or <1>create a Project</1>",
   " or <1>create a Namespace</1>": " or <1>create a Namespace</1>",
-  "Overview": "Overview",
-  "Details": "Details",
   "Projects": "Projects",
   "Project Details": "Project Details",
+  "Actions": "Actions",
+  "Overview": "Overview",
+  "Details": "Details",
   "Select a Project to view its details<1></1>.": "Select a Project to view its details<1></1>.",
   "{{kindForRefPlural}} in {{apiVersionForRefPlural}}": "{{kindForRefPlural}} in {{apiVersionForRefPlural}}",
   "The server doesn't have a resource type {{missingType}}. Try refreshing the page if it was recently added.": "The server doesn't have a resource type {{missingType}}. Try refreshing the page if it was recently added.",

frontend/packages/dev-console/src/components/projects/details/ProjectDetailsPage.tsx

@@ -3,12 +3,15 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom-v5-compat';
 import { ProjectDashboard } from '@console/internal/components/dashboard/project-dashboard/project-dashboard';
 import { DetailsPage } from '@console/internal/components/factory';
-import { NamespaceDetails, projectMenuActions } from '@console/internal/components/namespace';
+import { NamespaceDetails } from '@console/internal/components/namespace';
 import { withStartGuide } from '@console/internal/components/start-guide';
 import { history, useAccessReview, Page } from '@console/internal/components/utils';
 import { ProjectModel, RoleBindingModel } from '@console/internal/models';
-import { ALL_NAMESPACES_KEY } from '@console/shared';
+import { referenceForModel } from '@console/internal/module/k8s';
+import LazyActionMenu from '@console/shared/src/components/actions/LazyActionMenu';
+import { ActionMenuVariant } from '@console/shared/src/components/actions/types';
 import { DocumentTitle } from '@console/shared/src/components/document-title/DocumentTitle';
+import { ALL_NAMESPACES_KEY } from '@console/shared/src/constants';
 import NamespacedPage, { NamespacedPageVariants } from '../../NamespacedPage';
 import ProjectAccessPage from '../../project-access/ProjectAccessPage';
 import CreateProjectListPage, { CreateAProjectButton } from '../CreateProjectListPage';
@@ -25,6 +28,32 @@ const handleNamespaceChange = (newNamespace: string): void => {
   }
 };
 
+const ProjectDetails = (props) => {
+  const { t } = useTranslation();
+  const { activeNamespace, pages } = props;
+  return (
+    <DetailsPage
+      {...props}
+      breadcrumbsFor={() => [
+        { name: t('devconsole~Projects'), path: '/project-details/all-namespaces' },
+        { name: t('devconsole~Project Details'), path: `/project-details/ns/${activeNamespace}` },
+      ]}
+      name={activeNamespace}
+      kind={referenceForModel(ProjectModel)}
+      customActionMenu={(obj) => (
+        <LazyActionMenu
+          context={{ [referenceForModel(ProjectModel)]: obj }}
+          variant={ActionMenuVariant.DROPDOWN}
+          label={t('devconsole~Actions')}
+        />
+      )}
+      kindObj={ProjectModel}
+      customData={{ activeNamespace, hideHeading: true }}
+      pages={pages}
+    />
+  );
+};
+
 export const PageContents: React.FC<MonitoringPageProps> = ({ noProjectsAvailable, ...props }) => {
   const { t } = useTranslation();
   const params = useParams();
@@ -68,19 +97,7 @@ export const PageContents: React.FC<MonitoringPageProps> = ({ noProjectsAvailabl
   }
 
   return !noProjectsAvailable && activeNamespace ? (
-    <DetailsPage
-      {...props}
-      breadcrumbsFor={() => [
-        { name: t('devconsole~Projects'), path: '/project-details/all-namespaces' },
-        { name: t('devconsole~Project Details'), path: `/project-details/ns/${activeNamespace}` },
-      ]}
-      name={activeNamespace}
-      kind={ProjectModel.kind}
-      kindObj={ProjectModel}
-      menuActions={projectMenuActions}
-      customData={{ activeNamespace, hideHeading: true }}
-      pages={pages}
-    />
+    <ProjectDetails {...props} activeNamespace={activeNamespace} pages={pages} />
   ) : (
     <CreateProjectListPage title={t('devconsole~Project Details')}>
       {(openProjectModal) => (

frontend/packages/dev-console/src/components/projects/details/__tests__/ProjectDetailsPage.spec.tsx

@@ -30,6 +30,10 @@ jest.mock('@console/internal/components/utils/rbac', () => ({
   useAccessReview: jest.fn(),
 }));
 
+jest.mock('@console/internal/module/k8s', () => ({
+  referenceForModel: jest.fn(),
+}));
+
 jest.mock('@console/internal/models', () => ({
   ProjectModel: { kind: 'Project' },
   RoleBindingModel: {