Allow extensions to register kube-object menus + details (#1108)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/renderer/components/+workloads-cronjobs/cronjob-details.tsx

@@ -12,9 +12,9 @@ import { KubeEventDetails } from "../+events/kube-event-details";
 import { cronJobStore } from "./cronjob.store";
 import { getDetailsUrl } from "../../navigation";
 import { KubeObjectDetailsProps } from "../kube-object";
-import { CronJob, cronJobApi, Job } from "../../api/endpoints";
-import { apiManager } from "../../api/api-manager";
+import { CronJob, Job } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
+import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 
 interface Props extends KubeObjectDetailsProps<CronJob> {
 }
@@ -87,6 +87,10 @@ export class CronJobDetails extends React.Component<Props> {
   }
 }
 
-apiManager.registerViews(cronJobApi, {
-  Details: CronJobDetails,
-})
+kubeObjectDetailRegistry.add({
+  kind: "CronJob",
+  apiVersions: ["batch/v1"],
+  components: {
+    Details: (props) => <CronJobDetails {...props} />
+  }
+})

src/renderer/components/+workloads-cronjobs/cronjobs.tsx

@@ -15,8 +15,8 @@ import { ICronJobsRouteParams } from "../+workloads";
 import { KubeObjectListLayout } from "../kube-object";
 import { KubeEventIcon } from "../+events/kube-event-icon";
 import { _i18n } from "../../i18n";
-import { apiManager } from "../../api/api-manager";
 import { CronJobTriggerDialog } from "./cronjob-trigger-dialog";
+import { kubeObjectMenuRegistry } from "../../api/kube-object-menu-registry";
 
 enum sortBy {
   name = "name",
@@ -85,15 +85,17 @@ export class CronJobs extends React.Component<Props> {
 export function CronJobMenu(props: KubeObjectMenuProps<CronJob>) {
   const { object, toolbar } = props;
   return (
-    <KubeObjectMenu {...props}>
-      <MenuItem onClick={() => CronJobTriggerDialog.open(object)}>
-        <Icon material="play_circle_filled" title={_i18n._(t`Trigger`)} interactive={toolbar}/>
-        <span className="title"><Trans>Trigger</Trans></span>
-      </MenuItem>
-    </KubeObjectMenu>
+    <MenuItem onClick={() => CronJobTriggerDialog.open(object)}>
+      <Icon material="play_circle_filled" title={_i18n._(t`Trigger`)} interactive={toolbar}/>
+      <span className="title"><Trans>Trigger</Trans></span>
+    </MenuItem>
   )
 }
 
-apiManager.registerViews(cronJobApi, {
-  Menu: CronJobMenu,
+kubeObjectMenuRegistry.add({
+  kind: "CronJob",
+  apiVersions: ["batch/v1beta1"],
+  components: {
+    MenuItem: CronJobMenu
+  }
 })