Add implementation for injection token

packages/core/package.json

@@ -329,9 +329,9 @@
     "xterm-addon-fit": "^0.5.0"
   },
   "peerDependencies": {
+    "@k8slens/metrics": "^6.5.0-alpha.1",
     "@k8slens/application": "^6.5.0-alpha.0",
     "@k8slens/application-for-electron-main": "^6.5.0-alpha.0",
-    "@k8slens/metrics": "^6.5.0-alpha.0",
     "@k8slens/run-many": "^1.0.0-alpha.1",
     "@k8slens/test-utils": "^1.0.0-alpha.1",
     "@k8slens/utilities": "^1.0.0-alpha.1",

packages/core/src/renderer/components/+cluster/cluster-overview.tsx

@@ -81,7 +81,7 @@ class NonInjectedClusterOverview extends React.Component<Dependencies> {
       <>
         <ClusterMetrics/>
         {this.props.uiBlocks.map((block) => (
-          <block.component key={block.id} />
+          <div key={block.id}>{block.text}</div>
         ))}
         lol
         <ClusterPieCharts/>

packages/core/src/renderer/components/+cluster/ui-block.injectable.tsx

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { clusterOverviewUIBlockInjectionToken } from "@k8slens/metrics";
+
+const uiBlock = getInjectable({
+  id: "lol",
+  instantiate: () => {
+    return {
+      id: "lol-id",
+      text: "lol",
+    };
+  },
+  injectionToken: clusterOverviewUIBlockInjectionToken,
+});
+
+export default uiBlock;