Add customize option to console detail page (#7)

Author: debsmita1

frontend/packages/console-app/locales/en/console-app.json

@@ -239,6 +239,7 @@
   "Console plugins table": "Console plugins table",
   "console plugins": "console plugins",
   "Console plugins": "Console plugins",
+  "Customize": "Customize",
   "Updating cluster to {{version}}": "Updating cluster to {{version}}",
   "API Servers": "API Servers",
   "Controller Managers": "Controller Managers",

frontend/packages/console-app/src/components/console-operator/ConsoleOperatorConfig.tsx

@@ -12,13 +12,19 @@ import {
   TableVariant,
 } from '@patternfly/react-table';
 import { useTranslation } from 'react-i18next';
-import { WatchK8sResource } from '@console/dynamic-plugin-sdk';
+import { useAccessReview, WatchK8sResource } from '@console/dynamic-plugin-sdk';
 import { breadcrumbsForGlobalConfig } from '@console/internal/components/cluster-settings/global-config';
 import { DetailsForKind } from '@console/internal/components/default-resource';
 import { DetailsPage } from '@console/internal/components/factory';
-import { EmptyBox, LoadingBox, navFactory, ResourceLink } from '@console/internal/components/utils';
+import {
+  asAccessReview,
+  EmptyBox,
+  KebabAction,
+  LoadingBox,
+  navFactory,
+  ResourceLink,
+} from '@console/internal/components/utils';
 import { useK8sWatchResource } from '@console/internal/components/utils/k8s-watch-hook';
-import { useAccessReview } from '@console/internal/components/utils/rbac';
 import { ConsoleOperatorConfigModel, ConsolePluginModel } from '@console/internal/models';
 import {
   ConsolePluginKind,
@@ -197,11 +203,27 @@ export const ConsoleOperatorConfigDetailsPage: React.FC<React.ComponentProps<
     },
   ];
 
+  const menuActions: KebabAction[] = [
+    () => ({
+      // t('console-app~Customize')
+      labelKey: 'console-app~Customize',
+      labelKind: { kind: ConsoleOperatorConfigModel.kind },
+      dataTest: `Customize`,
+      href: '/cluster-configuration',
+      accessReview: asAccessReview(
+        ConsoleOperatorConfigModel,
+        { spec: { name: 'cluster' } },
+        'patch',
+      ),
+    }),
+  ];
+
   return (
     <DetailsPage
       {...props}
       kind={consoleOperatorConfigReference}
       pages={pages}
+      menuActions={menuActions}
       breadcrumbsFor={() =>
         breadcrumbsForGlobalConfig(ConsoleOperatorConfigModel.label, props.match.url)
       }