Fix rerendering of KubeObject views every 30s (#4801)

Co-authored-by: Mikko Aspiala <mikko.aspiala@gmail.com>
Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>

src/renderer/initializers/kube-object-detail-registry.tsx

@@ -19,7 +19,7 @@ import { EndpointDetails } from "../components/+network-endpoints";
 import { IngressDetails } from "../components/+network-ingresses";
 import { NetworkPolicyDetails } from "../components/+network-policies";
 import { ServiceDetails } from "../components/+network-services";
-import { NodeDetails } from "../components/+nodes";
+import { NodeDetails } from "../components/+nodes/details";
 import { PodSecurityPolicyDetails } from "../components/+pod-security-policies";
 import { StorageClassDetails } from "../components/+storage-classes";
 import { PersistentVolumeClaimDetails } from "../components/+storage-volume-claims";

src/renderer/initializers/workload-events.tsx

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { observer } from "mobx-react";
+import React from "react";
+import type { IsAllowedResource } from "../../common/utils/is-allowed-resource.injectable";
+import isAllowedResourceInjectable from "../../common/utils/is-allowed-resource.injectable";
+import { Events } from "../components/+events/events";
+
+export interface WorkloadEventsProps {}
+
+interface Dependencies {
+  isAllowedResource: IsAllowedResource;
+}
+
+const NonInjectedWorkloadEvents = observer(({ isAllowedResource }: Dependencies & WorkloadEventsProps) => {
+  if (!isAllowedResource("events")) {
+    return null;
+  }
+
+  return (
+    <Events
+      className="box grow"
+      compact
+      hideFilters
+    />
+  );
+});
+
+export const WorkloadEvents = withInjectables<Dependencies, WorkloadEventsProps>(NonInjectedWorkloadEvents, {
+  getProps: (di, props) => ({
+    isAllowedResource: di.inject(isAllowedResourceInjectable),
+    ...props,
+  }),
+});

src/renderer/initializers/workloads-overview-detail-registry.tsx

@@ -3,11 +3,9 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import React from "react";
-import { isAllowedResource } from "../../common/utils/allowed-resource";
 import { WorkloadsOverviewDetailRegistry } from "../../extensions/registries";
-import { Events } from "../components/+events";
 import { OverviewStatuses } from "../components/+workloads-overview/overview-statuses";
+import { WorkloadEvents } from "./workload-events";
 
 export function initWorkloadsOverviewDetailRegistry() {
   WorkloadsOverviewDetailRegistry.getInstance()
@@ -20,9 +18,7 @@ export function initWorkloadsOverviewDetailRegistry() {
       {
         priority: 5,
         components: {
-          Details: () => (
-            isAllowedResource("events") && <Events compact hideFilters className="box grow" />
-          ),
+          Details: WorkloadEvents,
         },
       },
     ]);