mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
switch to asyncComputed
Signed-off-by: Roman <ixrock@gmail.com>
This commit is contained in:
Roman
parent
86f6f3921b
commit
c739d7ef41
3
package-lock.json
generated
3
package-lock.json
generated
@ -32254,7 +32254,7 @@
|
||||
"dependencies": {
|
||||
"@astronautlabs/jsonpath": "^1.1.0",
|
||||
"@hapi/call": "^9.0.1",
|
||||
"@hapi/subtext": "^7.0.4",
|
||||
"@hapi/subtext": "^7.1.0",
|
||||
"@k8slens/node-fetch": "^6.4.0-beta.13",
|
||||
"@kubernetes/client-node": "^0.18.1",
|
||||
"@material-ui/styles": "^4.11.5",
|
||||
@ -34095,6 +34095,7 @@
|
||||
}
|
||||
},
|
||||
"packages/infrastructure/webpack": {
|
||||
"name": "@k8slens/webpack",
|
||||
"version": "0.0.1",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
|
||||
@ -18,7 +18,7 @@ const metricsDetailsComponentEnabledInjectable = getInjectable({
|
||||
const currentKubeObjectInDetails = di.inject(currentKubeObjectInDetailsInjectable);
|
||||
|
||||
return computed(() => {
|
||||
const kubeObject = currentKubeObjectInDetails.get() as KubeObjectDetailsItem;
|
||||
const kubeObject = currentKubeObjectInDetails.value.get() as KubeObjectDetailsItem;
|
||||
|
||||
if (kubeObject) {
|
||||
return kubeObject.kind == kind && metricsEnabled.get();
|
||||
|
||||
@ -2,41 +2,39 @@
|
||||
* Copyright (c) OpenLens Authors. All rights reserved.
|
||||
* Licensed under MIT License. See LICENSE in root directory for more information.
|
||||
*/
|
||||
import { action, computed, type IComputedValue, observable, runInAction } from "mobx";
|
||||
import { getInjectable } from "@ogre-tools/injectable";
|
||||
import { asyncComputed } from "@ogre-tools/injectable-react";
|
||||
import kubeDetailsUrlParamInjectable from "../kube-detail-params/kube-details-url.injectable";
|
||||
import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
|
||||
import type { KubeObject } from "../../../common/k8s-api/kube-object";
|
||||
|
||||
export type KubeObjectDetailsItem = KubeObject;
|
||||
export type KubeObjectDetailsValue = KubeObjectDetailsItem | Error | undefined;
|
||||
export type KubeObjectDetailsComputedValue = IComputedValue<KubeObjectDetailsValue>;
|
||||
|
||||
const currentKubeObjectInDetailsInjectable = getInjectable({
|
||||
id: "current-kube-object-in-details",
|
||||
id: "current-kube-object-in-details-async-computed",
|
||||
|
||||
instantiate(di): KubeObjectDetailsComputedValue {
|
||||
const kubeObjectUrlParam = di.inject(kubeDetailsUrlParamInjectable);
|
||||
instantiate: (di) => {
|
||||
const urlParam = di.inject(kubeDetailsUrlParamInjectable);
|
||||
const apiManager = di.inject(apiManagerInjectable);
|
||||
const kubeObject = observable.box<KubeObjectDetailsValue>();
|
||||
|
||||
return computed<KubeObjectDetailsValue>(() => {
|
||||
const kubeObjUrlPath = kubeObjectUrlParam.get();
|
||||
return asyncComputed<KubeObjectDetailsValue>({
|
||||
betweenUpdates: "show-latest-value",
|
||||
|
||||
if (!kubeObjUrlPath) return; // details panel is hidden
|
||||
async getValueFromObservedPromise() {
|
||||
const path = urlParam.get();
|
||||
const store = apiManager.getStore(path);
|
||||
|
||||
const store = apiManager.getStore(kubeObjUrlPath);
|
||||
const object = store?.getByPath(kubeObjUrlPath);
|
||||
if (!store) {
|
||||
return undefined;
|
||||
}
|
||||
|
||||
if (!object) {
|
||||
store?.loadFromPath(kubeObjUrlPath)
|
||||
.then(action((obj) => kubeObject.set(obj)))
|
||||
.catch(action((error) => kubeObject.set(Error(error))));
|
||||
} else {
|
||||
runInAction(() => kubeObject.set(object));
|
||||
}
|
||||
|
||||
return kubeObject.get() ?? object;
|
||||
try {
|
||||
return store.getByPath(path) ?? await store.loadFromPath(path);
|
||||
} catch (error) {
|
||||
return Error(String(error));
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
});
|
||||
|
||||
@ -19,7 +19,7 @@ const customResourceDetailItemInjectable = getInjectable({
|
||||
const customResourceDefinitionStore = di.inject(customResourceDefinitionStoreInjectable);
|
||||
const currentKubeObjectInDetails = di.inject(currentKubeObjectInDetailsInjectable);
|
||||
const currentCustomResourceDefinition = computed(() => {
|
||||
const object = currentKubeObjectInDetails.get();
|
||||
const object = currentKubeObjectInDetails.value.get();
|
||||
|
||||
if (!object) {
|
||||
return undefined;
|
||||
|
||||
@ -20,7 +20,7 @@ const clusterRoleBindingDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ClusterRoleBindingDetails,
|
||||
enabled: computed(() => isClusterRoleBinding(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isClusterRoleBinding(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const clusterRoleDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ClusterRoleDetails,
|
||||
enabled: computed(() => isClusterRole(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isClusterRole(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const configMapDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ConfigMapDetails,
|
||||
enabled: computed(() => isConfigMap(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isConfigMap(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const cronJobDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: CronJobDetails,
|
||||
enabled: computed(() => isCronJob(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isCronJob(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const customResourceDefinitionsDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: CRDDetails,
|
||||
enabled: computed(() => isCustomResourceDefinition(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isCustomResourceDefinition(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -22,7 +22,7 @@ const daemonSetDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: DaemonSetDetails,
|
||||
enabled: computed(() => isDaemonSet(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isDaemonSet(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const deploymentDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: DeploymentDetails,
|
||||
enabled: computed(() => isDeployment(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isDeployment(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const endpointsDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: EndpointsDetails,
|
||||
enabled: computed(() => isEndpoint(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isEndpoint(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const eventsDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: EventDetails,
|
||||
enabled: computed(() => isEvent(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isEvent(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const horizontalPodAutoscalerDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: HpaDetails,
|
||||
enabled: computed(() => isHorizontalPodAutoscaler(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isHorizontalPodAutoscaler(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const ingressClassDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: IngressClassDetails,
|
||||
enabled: computed(() => isIngressClass(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isIngressClass(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const ingressDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: IngressDetails,
|
||||
enabled: computed(() => isIngress(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isIngress(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const jobDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: JobDetails,
|
||||
enabled: computed(() => isJob(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isJob(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const leaseDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: LeaseDetails,
|
||||
enabled: computed(() => isLease(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isLease(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const limitRangeDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: LimitRangeDetails,
|
||||
enabled: computed(() => isLimitRange(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isLimitRange(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -22,7 +22,7 @@ const namespacesDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: NamespaceDetails,
|
||||
enabled: computed(() => isNamespace(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isNamespace(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const networkPolicyDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: NetworkPolicyDetails,
|
||||
enabled: computed(() => isNetworkPolicy(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isNetworkPolicy(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const nodeDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: NodeDetails,
|
||||
enabled: computed(() => isNode(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isNode(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const persistentVolumeClaimDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: PersistentVolumeClaimDetails,
|
||||
enabled: computed(() => isPersistentVolumeClaim(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isPersistentVolumeClaim(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const persistentVolumeDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: PersistentVolumeDetails,
|
||||
enabled: computed(() => isPersistentVolume(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isPersistentVolume(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const podDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: PodDetails,
|
||||
enabled: computed(() => isPod(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isPod(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -17,7 +17,7 @@ const podDisruptionBudgetDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: PodDisruptionBudgetDetails,
|
||||
enabled: computed(() => kubeObject.get() instanceof PodDisruptionBudget),
|
||||
enabled: computed(() => kubeObject.value.get() instanceof PodDisruptionBudget),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const podSecurityPolicyDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: PodSecurityPolicyDetails,
|
||||
enabled: computed(() => isPodSecurityPolicy(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isPodSecurityPolicy(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const priorityClassDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: PriorityClassesDetails,
|
||||
enabled: computed(() => isPriorityClass(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isPriorityClass(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const replicaSetDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ReplicaSetDetails,
|
||||
enabled: computed(() => isReplicaSet(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isReplicaSet(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -22,7 +22,7 @@ const replicationControllerDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ReplicationControllerDetails,
|
||||
enabled: computed(() => isReplicationController(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isReplicationController(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const resourceQuotaDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ResourceQuotaDetails,
|
||||
enabled: computed(() => isResourceQuota(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isResourceQuota(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const roleBindingDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: RoleBindingDetails,
|
||||
enabled: computed(() => isRoleBinding(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isRoleBinding(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const roleDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: RoleDetails,
|
||||
enabled: computed(() => isRole(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isRole(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const runtimeClassDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: RuntimeClassesDetails,
|
||||
enabled: computed(() => isRuntimeClass(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isRuntimeClass(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const secretsDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: SecretDetails,
|
||||
enabled: computed(() => isSecret(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isSecret(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const serviceAccountDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ServiceAccountsDetails,
|
||||
enabled: computed(() => isServiceAccount(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isServiceAccount(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const serviceDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: ServiceDetails,
|
||||
enabled: computed(() => isService(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isService(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const statefulSetDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: StatefulSetDetails,
|
||||
enabled: computed(() => isStatefulSet(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isStatefulSet(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const storageClassDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: StorageClassDetails,
|
||||
enabled: computed(() => isStorageClass(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isStorageClass(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -20,7 +20,7 @@ const verticalPodAutoscalerDetailItemInjectable = getInjectable({
|
||||
|
||||
return {
|
||||
Component: VpaDetails,
|
||||
enabled: computed(() => isVerticalPodAutoscaler(kubeObject.get() as KubeObjectDetailsItem)),
|
||||
enabled: computed(() => isVerticalPodAutoscaler(kubeObject.value.get() as KubeObjectDetailsItem)),
|
||||
orderNumber: 10,
|
||||
};
|
||||
},
|
||||
|
||||
@ -58,7 +58,7 @@ const kubeObjectDetailItemRegistratorInjectable = getInjectable({
|
||||
return false;
|
||||
}
|
||||
|
||||
if (!isRelevantKubeObject(kubeObject.get() as KubeObjectDetailsItem)) {
|
||||
if (!isRelevantKubeObject(kubeObject.value.get() as KubeObjectDetailsItem)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
@ -13,13 +13,13 @@ import { KubeObject } from "../../../common/k8s-api/kube-object";
|
||||
import { Spinner } from "../spinner";
|
||||
import { KubeObjectMenu } from "../kube-object-menu";
|
||||
import type { HideDetails } from "../kube-detail-params/hide-details.injectable";
|
||||
import { withInjectables } from "@ogre-tools/injectable-react";
|
||||
import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
|
||||
import { type IAsyncComputed, withInjectables } from "@ogre-tools/injectable-react";
|
||||
import kubeObjectDetailItemsInjectable
|
||||
from "./kube-object-detail-items/kube-object-detail-items.injectable";
|
||||
import type {
|
||||
KubeObjectDetailsItem,
|
||||
KubeObjectDetailsComputedValue,
|
||||
KubeObjectDetailsValue,
|
||||
} from "./current-kube-object-in-details.injectable";
|
||||
import currentKubeObjectInDetailsInjectable from "./current-kube-object-in-details.injectable";
|
||||
|
||||
@ -30,7 +30,7 @@ export interface KubeObjectDetailsProps<Kube extends KubeObject = KubeObject> {
|
||||
|
||||
interface Dependencies {
|
||||
detailComponents: IComputedValue<React.ElementType[]>;
|
||||
kubeObjectDetails: KubeObjectDetailsComputedValue;
|
||||
kubeObjectDetails: IAsyncComputed<KubeObjectDetailsValue>;
|
||||
hideDetails: HideDetails;
|
||||
}
|
||||
|
||||
@ -41,9 +41,9 @@ const NonInjectedKubeObjectDetails = observer((props: Dependencies) => {
|
||||
kubeObjectDetails,
|
||||
} = props;
|
||||
|
||||
const kubeObject = kubeObjectDetails.get();
|
||||
const kubeObject = kubeObjectDetails.value.get();
|
||||
const isError = kubeObject instanceof Error;
|
||||
const isLoading = !kubeObject && !isError;
|
||||
const isLoading = kubeObjectDetails.pending.get();
|
||||
|
||||
const title = (kubeObject instanceof KubeObject)
|
||||
? `${kubeObject.kind}: ${kubeObject.getName()}`
|
||||
|
||||
Loading…
Reference in New Issue
Block a user