From 163118402d89abdc382ae87ba27e456628c7d15e Mon Sep 17 00:00:00 2001
From: Juho Heikka <juho.heikka@gmail.com>
Date: Tue, 11 Apr 2023 10:49:53 +0300
Subject: [PATCH] Make Cluster overview UI blocks computed value

Signed-off-by: Juho Heikka <juho.heikka@gmail.com>
---
 .../src/renderer/components/+cluster/cluster-overview.tsx  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/renderer/components/+cluster/cluster-overview.tsx b/packages/core/src/renderer/components/+cluster/cluster-overview.tsx
index 0fa475b4ff..5b8f6c0bb1 100644
--- a/packages/core/src/renderer/components/+cluster/cluster-overview.tsx
+++ b/packages/core/src/renderer/components/+cluster/cluster-overview.tsx
@@ -29,6 +29,7 @@ import enabledMetricsInjectable from "../../api/catalog/entity/metrics-enabled.i
 import type { ClusterOverviewUIBlock } from "@k8slens/metrics";
 import { clusterOverviewUIBlockInjectionToken } from "@k8slens/metrics";
 import { orderByOrderNumber } from "../../../common/utils/composable-responsibilities/orderable/orderable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
 
 interface Dependencies {
   subscribeStores: SubscribeStores;
@@ -37,7 +38,7 @@ interface Dependencies {
   eventStore: EventStore;
   nodeStore: NodeStore;
   clusterMetricsAreVisible: IComputedValue<boolean>;
-  uiBlocks: ClusterOverviewUIBlock[];
+  uiBlocks: IComputedValue<ClusterOverviewUIBlock[]>;
 }
 
 @observer
@@ -78,7 +79,7 @@ class NonInjectedClusterOverview extends React.Component<Dependencies> {
 
     return (
       <>
-        {orderByOrderNumber(this.props.uiBlocks).map((block) => (
+        {orderByOrderNumber(this.props.uiBlocks.get()).map((block) => (
           <block.Component key={block.id} />
         ))}
       </>
@@ -121,6 +122,6 @@ export const ClusterOverview = withInjectables<Dependencies>(NonInjectedClusterO
     podStore: di.inject(podStoreInjectable),
     eventStore: di.inject(eventStoreInjectable),
     nodeStore: di.inject(nodeStoreInjectable),
-    uiBlocks: di.injectMany(clusterOverviewUIBlockInjectionToken),
+    uiBlocks: di.inject(computedInjectManyInjectable)(clusterOverviewUIBlockInjectionToken),
   }),
 });