diff --git a/src/renderer/components/+namespaces/metrics-details-component.injectable.tsx b/src/renderer/components/+namespaces/metrics-details-component.injectable.tsx index 0ee30b4986..81b8d2ed6e 100644 --- a/src/renderer/components/+namespaces/metrics-details-component.injectable.tsx +++ b/src/renderer/components/+namespaces/metrics-details-component.injectable.tsx @@ -3,43 +3,31 @@ * Licensed under MIT License. See LICENSE in root directory for more information. */ import { getInjectable } from "@ogre-tools/injectable"; -import { asyncComputed } from "@ogre-tools/injectable-react"; -import { computed } from "mobx"; -import { now } from "mobx-utils"; import React from "react"; import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts"; import { ClusterMetricsResourceType } from "../../../common/cluster-types"; import type { Namespace } from "../../../common/k8s-api/endpoints"; -import requestPodMetricsInNamespaceInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.injectable"; -import getActiveClusterEntityInjectable from "../../api/catalog/entity/get-active-cluster-entity.injectable"; +import enabledMetricsInjectable from "../../api/catalog/entity/metrics-enabled.injectable"; import type { KubeObjectDetailsProps } from "../kube-object-details"; import { kubeObjectDetailItemInjectionToken } from "../kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token"; import { ResourceMetrics } from "../resource-metrics"; +import namespaceMetricsInjectable from "./metrics.injectable"; const namespaceMetricsDetailsComponentInjectable = getInjectable({ id: "namespace-metrics-details-component", - instantiate: (di) => { - const getActiveClusterEntity = di.inject(getActiveClusterEntityInjectable); - const requestPodMetricsInNamespace = di.inject(requestPodMetricsInNamespaceInjectable); - - return { - Component: (props: KubeObjectDetailsProps) => ( - { - now(60 * 1000); // Update every minute - - return requestPodMetricsInNamespace(props.object.getName()); - })} - > - - - ), - enabled: computed(() => !getActiveClusterEntity()?.isMetricHidden(ClusterMetricsResourceType.Namespace)), - orderNumber: -1, - }; - }, + instantiate: (di) => ({ + Component: ({ object }: KubeObjectDetailsProps) => ( + + + + ), + enabled: di.inject(enabledMetricsInjectable, ClusterMetricsResourceType.Namespace), + orderNumber: -1, + }), injectionToken: kubeObjectDetailItemInjectionToken, }); diff --git a/src/renderer/components/+namespaces/metrics.injectable.ts b/src/renderer/components/+namespaces/metrics.injectable.ts new file mode 100644 index 0000000000..0b137ee4b8 --- /dev/null +++ b/src/renderer/components/+namespaces/metrics.injectable.ts @@ -0,0 +1,27 @@ +/** + * Copyright (c) OpenLens Authors. All rights reserved. + * Licensed under MIT License. See LICENSE in root directory for more information. + */ +import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable"; +import { asyncComputed } from "@ogre-tools/injectable-react"; +import { now } from "mobx-utils"; +import type { Namespace } from "../../../common/k8s-api/endpoints"; +import requestPodMetricsInNamespaceInjectable from "../../../common/k8s-api/endpoints/metrics.api/request-pod-metrics-in-namespace.injectable"; + +const namespaceMetricsInjectable = getInjectable({ + id: "namespace-metrics", + instantiate: (di, namespace) => { + const requestPodMetricsInNamespace = di.inject(requestPodMetricsInNamespaceInjectable); + + return asyncComputed(async () => { + now(60 * 1000); // Update every minute + + return requestPodMetricsInNamespace(namespace.getName()); + }); + }, + lifecycle: lifecycleEnum.keyedSingleton({ + getInstanceKey: (di, namespace: Namespace) => namespace.getId(), + }), +}); + +export default namespaceMetricsInjectable;