fix: make registry.add more backward compatible

Signed-off-by: Roman <ixrock@gmail.com>

src/extensions/extension-loader.ts

@@ -56,30 +56,30 @@ export class ExtensionLoader {
 
   loadOnMain() {
     logger.info('[EXTENSIONS-LOADER]: load on main')
-    this.autoInitExtensions((extension: LensMainExtension) => [
+    this.autoInitExtensions((ext: LensMainExtension) => [
-      registries.menuRegistry.add(extension, extension.appMenus)
+      registries.menuRegistry.add(ext.appMenus, { ext })
     ]);
   }
 
   loadOnClusterManagerRenderer() {
     logger.info('[EXTENSIONS-LOADER]: load on main renderer (cluster manager)')
-    this.autoInitExtensions((extension: LensRendererExtension) => [
+    this.autoInitExtensions((ext: LensRendererExtension) => [
-      registries.globalPageRegistry.add(extension, extension.globalPages),
+      registries.globalPageRegistry.add(ext.globalPages, { ext }),
-      registries.globalPageMenuRegistry.add(extension, extension.globalPageMenus),
+      registries.globalPageMenuRegistry.add(ext.globalPageMenus, { ext }),
-      registries.appPreferenceRegistry.add(extension, extension.appPreferences),
+      registries.appPreferenceRegistry.add(ext.appPreferences, { ext }),
-      registries.clusterFeatureRegistry.add(extension, extension.clusterFeatures),
+      registries.clusterFeatureRegistry.add(ext.clusterFeatures, { ext }),
-      registries.statusBarRegistry.add(extension, extension.statusBarItems),
+      registries.statusBarRegistry.add(ext.statusBarItems, { ext }),
     ]);
   }
 
   loadOnClusterRenderer() {
     logger.info('[EXTENSIONS-LOADER]: load on cluster renderer (dashboard)')
-    this.autoInitExtensions((extension: LensRendererExtension) => [
+    this.autoInitExtensions((ext: LensRendererExtension) => [
-      registries.clusterPageRegistry.add(extension, extension.clusterPages),
+      registries.clusterPageRegistry.add(ext.clusterPages, { ext }),
-      registries.clusterPageMenuRegistry.add(extension, extension.clusterPageMenus),
+      registries.clusterPageMenuRegistry.add(ext.clusterPageMenus, { ext }),
-      registries.kubeObjectMenuRegistry.add(extension, extension.kubeObjectMenuItems),
+      registries.kubeObjectMenuRegistry.add(ext.kubeObjectMenuItems, { ext }),
-      registries.kubeObjectDetailRegistry.add(extension, extension.kubeObjectDetailItems),
+      registries.kubeObjectDetailRegistry.add(ext.kubeObjectDetailItems, { ext }),
-      registries.kubeObjectStatusRegistry.add(extension, extension.kubeObjectStatusTexts)
+      registries.kubeObjectStatusRegistry.add(ext.kubeObjectStatusTexts, { ext })
     ])
   }
 

src/extensions/registries/base-registry.ts

@@ -2,6 +2,11 @@
 import { action, observable } from "mobx";
 import { LensExtension } from "../lens-extension";
 
+export interface BaseRegistryAddMeta {
+  ext?: LensExtension | null;
+  merge?: boolean
+}
+
 export class BaseRegistry<T extends object = any> {
   private items = observable.map<LensExtension, T[]>([], { deep: false });
 
@@ -15,23 +20,28 @@ export class BaseRegistry<T extends object = any> {
   }
 
   @action
-  add(ext: LensExtension | null, items: T[], merge = true) {
+  add(items: T | T[], { ext = null, merge = true }: BaseRegistryAddMeta = {}) {
+    const itemsList: T[] = Array.isArray(items) ? items : [items];
     if (merge && this.items.has(ext)) {
       const newItems = new Set(this.items.get(ext));
-      items.forEach(item => newItems.add(item))
+      itemsList.forEach(item => newItems.add(item))
       this.items.set(ext, [...newItems]);
     } else {
-      this.items.set(ext, items);
+      this.items.set(ext, itemsList);
     }
-    return () => this.remove(ext, items)
+    return () => this.remove(itemsList, ext)
   }
 
   @action
-  remove(ext: LensExtension | null, items: T[]) {
+  remove(items: T[], key: LensExtension = null) {
-    const storedItems = this.items.get(ext);
+    const storedItems = this.items.get(key);
     if (storedItems) {
       const newItems = storedItems.filter(item => !items.includes(item)); // works because of {deep: false};
-      this.items.set(ext, newItems);
+      if (newItems.length > 0) {
+        this.items.set(key, newItems)
+      } else {
+        this.items.delete(key);
+      }
     }
   }
 }

src/renderer/components/+config-autoscalers/hpa-details.tsx

@@ -128,12 +128,10 @@ export class HpaDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "HorizontalPodAutoscaler",
-    kind: "HorizontalPodAutoscaler",
+  apiVersions: ["autoscaling/v1"],
-    apiVersions: ["autoscaling/v1"],
+  components: {
-    components: {
+    Details: (props) => <HpaDetails {...props} />
-      Details: (props) => <HpaDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+config-maps/config-map-details.tsx

@@ -94,12 +94,10 @@ export class ConfigMapDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "ConfigMap",
-    kind: "ConfigMap",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <ConfigMapDetails {...props} />
-      Details: (props) => <ConfigMapDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.tsx

@@ -54,12 +54,10 @@ export class PodDisruptionBudgetDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "PodDisruptionBudget",
-    kind: "PodDisruptionBudget",
+  apiVersions: ["policy/v1beta1"],
-    apiVersions: ["policy/v1beta1"],
+  components: {
-    components: {
+    Details: (props) => <PodDisruptionBudgetDetails {...props} />
-      Details: (props) => <PodDisruptionBudgetDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+config-resource-quotas/resource-quota-details.tsx

@@ -16,6 +16,8 @@ import { ReplicaSetDetails } from "../+workloads-replicasets";
 interface Props extends KubeObjectDetailsProps<ResourceQuota> {
 }
 
+const onlyNumbers = /$[0-9]*^/g;
+
 function transformUnit(name: string, value: string): number {
   if (name.includes("memory") || name.includes("storage")) {
     return unitsToBytes(value)
@@ -96,12 +98,10 @@ export class ResourceQuotaDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "ResourceQuota",
-    kind: "ResourceQuota",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <ReplicaSetDetails {...props} />
-      Details: (props) => <ReplicaSetDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+config-secrets/secret-details.tsx

@@ -113,12 +113,10 @@ export class SecretDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Secret",
-    kind: "Secret",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <SecretDetails {...props} />
-      Details: (props) => <SecretDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+custom-resources/crd-details.tsx

@@ -134,12 +134,10 @@ export class CRDDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "CustomResourceDefinition",
-    kind: "CustomResourceDefinition",
+  apiVersions: ["apiextensions.k8s.io/v1", "apiextensions.k8s.io/v1beta1"],
-    apiVersions: ["apiextensions.k8s.io/v1", "apiextensions.k8s.io/v1beta1"],
+  components: {
-    components: {
+    Details: (props) => <CRDDetails {...props} />
-      Details: (props) => <CRDDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+events/event-details.tsx

@@ -74,12 +74,10 @@ export class EventDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Event",
-    kind: "Event",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <EventDetails {...props}/>
-      Details: (props) => <EventDetails {...props}/>
-    }
   }
-])
+})

src/renderer/components/+namespaces/namespace-details.tsx

@@ -56,12 +56,10 @@ export class NamespaceDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Namespace",
-    kind: "Namespace",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <NamespaceDetails {...props} />
-      Details: (props) => <NamespaceDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+network-endpoints/endpoint-details.tsx

@@ -7,6 +7,7 @@ import { DrawerTitle } from "../drawer";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { KubeObjectDetailsProps } from "../kube-object";
 import { Endpoint } from "../../api/endpoints";
+import { _i18n } from "../../i18n";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { EndpointSubsetList } from "./endpoint-subset-list";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
@@ -37,12 +38,10 @@ export class EndpointDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Endpoints",
-    kind: "Endpoints",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <EndpointDetails {...props} />
-      Details: (props) => <EndpointDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+network-ingresses/ingress-details.tsx

@@ -134,12 +134,10 @@ export class IngressDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Ingress",
-    kind: "Ingress",
+  apiVersions: ["extensions/v1beta1"],
-    apiVersions: ["extensions/v1beta1"],
+  components: {
-    components: {
+    Details: (props) => <IngressDetails {...props} />
-      Details: (props) => <IngressDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+network-policies/network-policy-details.tsx

@@ -144,12 +144,10 @@ export class NetworkPolicyDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "NetworkPolicy",
-    kind: "NetworkPolicy",
+  apiVersions: ["networking.k8s.io/v1"],
-    apiVersions: ["networking.k8s.io/v1"],
+  components: {
-    components: {
+    Details: (props) => <NetworkPolicyDetails {...props} />
-      Details: (props) => <NetworkPolicyDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+network-services/service-details.tsx

@@ -85,12 +85,10 @@ export class ServiceDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Service",
-    kind: "Service",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <ServiceDetails {...props} />
-      Details: (props) => <ServiceDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+nodes/node-details.tsx

@@ -155,12 +155,10 @@ export class NodeDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Node",
-    kind: "Node",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <NodeDetails {...props} />
-      Details: (props) => <NodeDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+pod-security-policies/pod-security-policy-details.tsx

@@ -209,12 +209,10 @@ export class PodSecurityPolicyDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "PodSecurityPolicy",
-    kind: "PodSecurityPolicy",
+  apiVersions: ["policy/v1beta1"],
-    apiVersions: ["policy/v1beta1"],
+  components: {
-    components: {
+    Details: (props) => <PodSecurityPolicyDetails {...props}/>
-      Details: (props) => <PodSecurityPolicyDetails {...props}/>
-    }
   }
-])
+})

src/renderer/components/+storage-classes/storage-class-details.tsx

@@ -62,12 +62,10 @@ export class StorageClassDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "StorageClass",
-    kind: "StorageClass",
+  apiVersions: ["storage.k8s.io/v1"],
-    apiVersions: ["storage.k8s.io/v1"],
+  components: {
-    components: {
+    Details: (props) => <StorageClassDetails {...props} />
-      Details: (props) => <StorageClassDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+storage-volume-claims/volume-claim-details.tsx

@@ -95,12 +95,10 @@ export class PersistentVolumeClaimDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "PersistentVolumeClaim",
-    kind: "PersistentVolumeClaim",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <PersistentVolumeClaimDetails {...props} />
-      Details: (props) => <PersistentVolumeClaimDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+storage-volumes/volume-details.tsx

@@ -103,12 +103,10 @@ export class PersistentVolumeDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "PersistentVolume",
-    kind: "PersistentVolume",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <PersistentVolumeDetails {...props} />
-      Details: (props) => <PersistentVolumeDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+user-management-roles-bindings/role-binding-details.tsx

@@ -125,19 +125,17 @@ export class RoleBindingDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "RoleBinding",
-    kind: "RoleBinding",
+  apiVersions: ["rbac.authorization.k8s.io/v1"],
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
+  components: {
-    components: {
+    Details: (props) => <RoleBindingDetails {...props} />
-      Details: (props) => <RoleBindingDetails {...props} />
-    }
-  },
-  {
-    kind: "ClusterRoleBinding",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    components: {
-      Details: (props) => <RoleBindingDetails {...props} />
-    }
   }
-])
+})
+kubeObjectDetailRegistry.add({
+  kind: "ClusterRoleBinding",
+  apiVersions: ["rbac.authorization.k8s.io/v1"],
+  components: {
+    Details: (props) => <RoleBindingDetails {...props} />
+  }
+})

src/renderer/components/+user-management-roles/role-details.tsx

@@ -66,19 +66,18 @@ export class RoleDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Role",
-    kind: "Role",
+  apiVersions: ["rbac.authorization.k8s.io/v1"],
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
+  components: {
-    components: {
+    Details: (props) => <RoleDetails {...props}/>
-      Details: (props) => <RoleDetails {...props}/>
-    }
-  },
-  {
-    kind: "ClusterRole",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    components: {
-      Details: (props) => <RoleDetails {...props}/>
-    }
   }
-])
+})
+
+kubeObjectDetailRegistry.add({
+  kind: "ClusterRole",
+  apiVersions: ["rbac.authorization.k8s.io/v1"],
+  components: {
+    Details: (props) => <RoleDetails {...props}/>
+  }
+})

src/renderer/components/+user-management-service-accounts/service-accounts-details.tsx

@@ -132,12 +132,10 @@ export class ServiceAccountsDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "ServiceAccount",
-    kind: "ServiceAccount",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props) => <ServiceAccountsDetails {...props} />
-      Details: (props) => <ServiceAccountsDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+user-management-service-accounts/service-accounts.tsx

@@ -77,12 +77,10 @@ function ServiceAccountMenu(props: KubeObjectMenuProps<ServiceAccount>) {
   )
 }
 
-kubeObjectMenuRegistry.add(null, [
+kubeObjectMenuRegistry.add({
-  {
+  kind: "ServiceAccount",
-    kind: "ServiceAccount",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    MenuItem: ServiceAccountMenu
-      MenuItem: ServiceAccountMenu
-    }
   }
-])
+})

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

@@ -87,12 +87,10 @@ export class CronJobDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "CronJob",
-    kind: "CronJob",
+  apiVersions: ["batch/v1"],
-    apiVersions: ["batch/v1"],
+  components: {
-    components: {
+    Details: (props) => <CronJobDetails {...props} />
-      Details: (props) => <CronJobDetails {...props} />
-    }
   }
-])
+})

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

@@ -88,12 +88,10 @@ export function CronJobMenu(props: KubeObjectMenuProps<CronJob>) {
   )
 }
 
-kubeObjectMenuRegistry.add(null, [
+kubeObjectMenuRegistry.add({
-  {
+  kind: "CronJob",
-    kind: "CronJob",
+  apiVersions: ["batch/v1beta1"],
-    apiVersions: ["batch/v1beta1"],
+  components: {
-    components: {
+    MenuItem: CronJobMenu
-      MenuItem: CronJobMenu
-    }
   }
-])
+})

src/renderer/components/+workloads-daemonsets/daemonset-details.tsx

@@ -97,12 +97,10 @@ export class DaemonSetDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "DaemonSet",
-    kind: "DaemonSet",
+  apiVersions: ["apps/v1"],
-    apiVersions: ["apps/v1"],
+  components: {
-    components: {
+    Details: (props: any) => <DaemonSetDetails {...props} />
-      Details: (props: any) => <DaemonSetDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+workloads-deployments/deployment-details.tsx

@@ -6,7 +6,7 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { t, Trans } from "@lingui/macro";
 import { DrawerItem } from "../drawer";
 import { Badge } from "../badge";
-import { Deployment } from "../../api/endpoints";
+import { Deployment, deploymentApi } from "../../api/endpoints";
 import { cssNames } from "../../utils";
 import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
 import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
@@ -122,12 +122,10 @@ export class DeploymentDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Deployment",
-    kind: "Deployment",
+  apiVersions: ["apps/v1"],
-    apiVersions: ["apps/v1"],
+  components: {
-    components: {
+    Details: (props: any) => <DeploymentDetails {...props} />
-      Details: (props: any) => <DeploymentDetails {...props} />
-    }
   }
-])
+})

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

@@ -129,12 +129,10 @@ export function DeploymentMenu(props: KubeObjectMenuProps<Deployment>) {
   )
 }
 
-kubeObjectMenuRegistry.add(null, [
+kubeObjectMenuRegistry.add({
-  {
+  kind: "Deployment",
-    kind: "Deployment",
+  apiVersions: ["apps/v1"],
-    apiVersions: ["apps/v1"],
+  components: {
-    components: {
+    MenuItem: DeploymentMenu
-      MenuItem: DeploymentMenu
-    }
   }
-])
+})

src/renderer/components/+workloads-jobs/job-details.tsx

@@ -107,12 +107,10 @@ export class JobDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Job",
-    kind: "Job",
+  apiVersions: ["batch/v1"],
-    apiVersions: ["batch/v1"],
+  components: {
-    components: {
+    Details: (props: any) => <JobDetails {...props}/>
-      Details: (props: any) => <JobDetails {...props}/>
-    }
   }
-])
+})

src/renderer/components/+workloads-pods/pod-details.tsx

@@ -221,12 +221,10 @@ export class PodDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "Pod",
-    kind: "Pod",
+  apiVersions: ["v1"],
-    apiVersions: ["v1"],
+  components: {
-    components: {
+    Details: (props: any) => <PodDetails {...props} />
-      Details: (props: any) => <PodDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+workloads-replicasets/replicaset-details.tsx

@@ -97,12 +97,10 @@ export class ReplicaSetDetails extends React.Component<Props> {
   }
 }
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "ReplicaSet",
-    kind: "ReplicaSet",
+  apiVersions: ["apps/v1"],
-    apiVersions: ["apps/v1"],
+  components: {
-    components: {
+    Details: (props: any) => <ReplicaSetDetails {...props} />
-      Details: (props: any) => <ReplicaSetDetails {...props} />
-    }
   }
-])
+})

src/renderer/components/+workloads-statefulsets/statefulset-details.tsx

@@ -96,12 +96,10 @@ export class StatefulSetDetails extends React.Component<Props> {
 }
 
 
-kubeObjectDetailRegistry.add(null, [
+kubeObjectDetailRegistry.add({
-  {
+  kind: "StatefulSet",
-    kind: "StatefulSet",
+  apiVersions: ["apps/v1"],
-    apiVersions: ["apps/v1"],
+  components: {
-    components: {
+    Details: (props: any) => <StatefulSetDetails {...props} />
-      Details: (props: any) => <StatefulSetDetails {...props} />
-    }
   }
-])
+})