add more links

pluralsh · Mar 25, 2024 · da070ae · da070ae
1 parent 4ce06d3
commit da070ae
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 5 deletions.
diff --git a/assets/src/components/kubernetes/utils.tsx b/assets/src/components/kubernetes/utils.tsx
@@ -10,6 +10,11 @@ import {
 } from '../../generated/graphql-kubernetes'
 import { DateTimeCol } from '../utils/table/DateTimeCol'
 import { ClusterTinyFragment } from '../../generated/graphql'
+import { InlineLink } from '../utils/typography/InlineLink'
+import {
+  NAMESPACES_REL_PATH,
+  getResourceDetailsAbsPath,
+} from '../../routes/kubernetesRoutesConsts'
 
 export const ITEMS_PER_PAGE = 25
 
@@ -34,7 +39,28 @@ export function useDefaultColumns<
         id: 'namespace',
         header: 'Namespace',
         enableSorting: true,
-        cell: ({ getValue }) => getValue(),
+        cell: ({ getValue, table }) => {
+          const namespace = getValue()
+
+          if (!namespace) return null
+
+          const { cluster } = table.options.meta as {
+            cluster?: ClusterTinyFragment
+          }
+
+          return (
+            <InlineLink
+              href={getResourceDetailsAbsPath(
+                NAMESPACES_REL_PATH,
+                cluster?.id,
+                namespace
+              )}
+              onClick={(e) => e.stopPropagation()}
+            >
+              {getValue()}
+            </InlineLink>
+          )
+        },
       }),
       colLabels: columnHelper.accessor((r) => r?.objectMeta.labels, {
         id: 'labels',

diff --git a/assets/src/components/kubernetes/workloads/Pods.tsx b/assets/src/components/kubernetes/workloads/Pods.tsx
@@ -11,7 +11,10 @@ import {
 import { useDefaultColumns } from '../utils'
 import { ResourceList } from '../ResourceList'
 import { InlineLink } from '../../utils/typography/InlineLink'
-import { getNodeAbsPath } from '../../../routes/kubernetesRoutesConsts'
+import {
+  NODES_REL_PATH,
+  getResourceDetailsAbsPath,
+} from '../../../routes/kubernetesRoutesConsts'
 import { ClusterTinyFragment } from '../../../generated/graphql'
 
 import { PodStatusChip, WorkloadImages } from './utils'
@@ -49,7 +52,11 @@ const colNode = columnHelper.accessor((pod) => pod?.nodeName, {
 
     return (
       <InlineLink
-        href={getNodeAbsPath(cluster?.id, getValue())}
+        href={getResourceDetailsAbsPath(
+          NODES_REL_PATH,
+          cluster?.id,
+          getValue()
+        )}
         onClick={(e) => e.stopPropagation()}
       >
         {getValue()}

diff --git a/assets/src/routes/kubernetesRoutesConsts.tsx b/assets/src/routes/kubernetesRoutesConsts.tsx
@@ -85,12 +85,13 @@ export function getResourceDetailsRelPath(
   return namespace ? `${namespace}/${name}` : name
 }
 
-export function getNodeAbsPath(
+export function getResourceDetailsAbsPath(
+  resourceRelPath,
   clusterId: string | null | undefined,
   name: string,
   namespace?: Nullable<string>
 ): string {
   return `${getClusterAbsPath(
     clusterId
-  )}/${NODES_REL_PATH}/${getResourceDetailsRelPath(name, namespace)}`
+  )}/${resourceRelPath}/${getResourceDetailsRelPath(name, namespace)}`
 }