Clickable links in pods details

Signed-off-by: Piotr Roszatycki <piotr.roszatycki@gmail.com>

src/common/k8s-api/endpoints/legacy-globals.ts

@@ -11,9 +11,12 @@ import networkPolicyApiInjectable from "./network-policy.api.injectable";
 import nodeApiInjectable from "./node.api.injectable";
 import persistentVolumeClaimApiInjectable from "./persistent-volume-claim.api.injectable";
 import podApiInjectable from "./pod.api.injectable";
+import priorityClassApiInjectable from "./priority-class.api.injectable";
 import resourceQuotaApiInjectable from "./resource-quota.api.injectable";
 import roleApiInjectable from "./role.api.injectable";
+import runtimeClassApiInjectable from "./runtime-class.api.injectable";
 import secretApiInjectable from "./secret.api.injectable";
+import serviceAccountApiInjectable from "./service-account.api.injectable";
 import serviceApiInjectable from "./service.api.injectable";
 import storageClassApiInjectable from "./storage-class.api.injectable";
 
@@ -57,16 +60,31 @@ export const nodeApi = asLegacyGlobalForExtensionApi(nodeApiInjectable);
  */
 export const persistentVolumeClaimApi = asLegacyGlobalForExtensionApi(persistentVolumeClaimApiInjectable);
 
+/**
+ * @deprecated use `di.inject(priorityClassApiInjectable)` instead
+ */
+export const priorityClassApi = asLegacyGlobalForExtensionApi(priorityClassApiInjectable);
+
 /**
  * @deprecated use `di.inject(resourceQuotaApiInjectable)` instead
  */
 export const resourceQuotaApi = asLegacyGlobalForExtensionApi(resourceQuotaApiInjectable);
 
+/**
+ * @deprecated use `di.inject(runtimeClassApiInjectable)` instead
+ */
+export const runtimeClassApi = asLegacyGlobalForExtensionApi(runtimeClassApiInjectable);
+
 /**
  * @deprecated use `di.inject(secretApiInjectable)` instead
  */
 export const secretApi = asLegacyGlobalForExtensionApi(secretApiInjectable);
 
+/**
+ * @deprecated use `di.inject(serviceAccountApiInjectable)` instead
+ */
+export const serviceAccountApi = asLegacyGlobalForExtensionApi(serviceAccountApiInjectable);
+
 /**
  * @deprecated use `di.inject(serviceApiInjectable)` instead
  */

src/renderer/components/+workloads-pods/pod-details.tsx

@@ -10,11 +10,11 @@ import kebabCase from "lodash/kebabCase";
 import { disposeOnUnmount, observer } from "mobx-react";
 import { Link } from "react-router-dom";
 import { observable, reaction, makeObservable } from "mobx";
-import type { NodeApi } from "../../../common/k8s-api/endpoints";
+import { NodeApi, priorityClassApi, runtimeClassApi, serviceAccountApi } from "../../../common/k8s-api/endpoints";
 import { Pod } from "../../../common/k8s-api/endpoints";
 import { DrawerItem, DrawerTitle } from "../drawer";
 import { Badge } from "../badge";
-import { cssNames, toJS } from "../../utils";
+import { cssNames, stopPropagation, toJS } from "../../utils";
 import { PodDetailsContainer } from "./pod-details-container";
 import { PodDetailsAffinities } from "./pod-details-affinities";
 import { PodDetailsTolerations } from "./pod-details-tolerations";
@@ -94,6 +94,20 @@ class NonInjectedPodDetails extends React.Component<PodDetailsProps & Dependenci
     const initContainers = pod.getInitContainers();
     const containers = pod.getContainers();
 
+    const priorityClassName = pod.getPriorityClassName();
+    const runtimeClassName = pod.getRuntimeClassName();
+    const serviceAccountName = pod.getServiceAccountName();
+
+    const priorityClassDetailsUrl = getDetailsUrl(priorityClassApi.getUrl({
+      name: priorityClassName,
+    }));
+    const runtimeClassDetailsUrl = getDetailsUrl(runtimeClassApi.getUrl({
+      name: runtimeClassName,
+    }));
+    const serviceAccountDetailsUrl = getDetailsUrl(serviceAccountApi.getUrl({
+      name: serviceAccountName,
+    }));
+
     return (
       <div className="PodDetails">
         {!isMetricHidden && (
@@ -130,16 +144,22 @@ class NonInjectedPodDetails extends React.Component<PodDetailsProps & Dependenci
           {podIPs.map(label => <Badge key={label} label={label} />)}
         </DrawerItem>
         <DrawerItem name="Service Account">
-          {pod.getServiceAccountName()}
+          <Link key="link" to={serviceAccountDetailsUrl} onClick={stopPropagation}>
+            {serviceAccountName}
+          </Link>
         </DrawerItem>
-        <DrawerItem name="Priority Class" hidden={pod.getPriorityClassName() === ""}>
+        <DrawerItem name="Priority Class" hidden={priorityClassName === ""}>
-          {pod.getPriorityClassName()}
+          <Link key="link" to={priorityClassDetailsUrl} onClick={stopPropagation}>
+            {priorityClassName}
+          </Link>
         </DrawerItem>
         <DrawerItem name="QoS Class">
           {pod.getQosClass()}
         </DrawerItem>
-        <DrawerItem name="Runtime Class" hidden={pod.getRuntimeClassName() === ""}>
+        <DrawerItem name="Runtime Class" hidden={runtimeClassName === ""}>
-          {pod.getRuntimeClassName()}
+          <Link key="link" to={runtimeClassDetailsUrl} onClick={stopPropagation}>
+            {runtimeClassName}
+          </Link>
         </DrawerItem>
 
         <DrawerItem