update pods

assets/src/components/kubernetes/workloads/Pods.tsx

@@ -1,8 +1,6 @@
 import { createColumnHelper } from '@tanstack/react-table'
 import { useMemo } from 'react'
 
-import { Chip, Tooltip, WrapWithIf } from '@pluralsh/design-system'
-
 import {
   Pod_PodList as PodListT,
   Pod_Pod as PodT,
@@ -13,7 +11,7 @@ import {
 import { useDefaultColumns } from '../utils'
 import { ResourceList } from '../ResourceList'
 
-import { podStatusToSeverity } from './utils'
+import { PodStatusChip } from './utils'
 
 const columnHelper = createColumnHelper<PodT>()
 
@@ -49,29 +47,12 @@ const colStatus = columnHelper.accessor((pod) => pod, {
   enableSorting: true,
   cell: ({ getValue }) => {
     const { status, warnings } = getValue()
-    let severity = podStatusToSeverity[status] ?? 'neutral'
-
-    if (warnings?.length > 0) {
-      severity = 'danger'
-    }
 
     return (
-      <WrapWithIf
-        condition={warnings?.length > 0}
-        wrapper={
-          <Tooltip
-            label={warnings?.map((ev) => ev?.message)?.join(', ')}
-            placement="bottom"
-          />
-        }
-      >
-        <Chip
-          size="small"
-          severity={severity}
-        >
-          {status}
-        </Chip>
-      </WrapWithIf>
+      <PodStatusChip
+        status={status}
+        warnings={warnings}
+      />
     )
   },
 })

assets/src/components/kubernetes/workloads/utils.tsx

@@ -1,6 +1,8 @@
-import { Chip } from '@pluralsh/design-system'
+import { Chip, Tooltip, WrapWithIf } from '@pluralsh/design-system'
 
-export const podStatusToSeverity = {
+import { Common_Event, Maybe } from '../../../generated/graphql-kubernetes'
+
+const podStatusSeverity = {
   Running: 'success',
   Completed: 'info',
   Succeeded: 'info',
@@ -24,3 +26,36 @@ export function CronJobSuspendChip({
     </Chip>
   )
 }
+
+export function PodStatusChip({
+  status,
+  warnings,
+}: {
+  status: string
+  warnings: Maybe<Common_Event>[]
+}) {
+  let severity = podStatusSeverity[status] ?? 'neutral'
+
+  if (warnings?.length > 0) {
+    severity = 'danger'
+  }
+
+  return (
+    <WrapWithIf
+      condition={warnings?.length > 0}
+      wrapper={
+        <Tooltip
+          label={warnings?.map((ev) => ev?.message)?.join(', ')}
+          placement="bottom"
+        />
+      }
+    >
+      <Chip
+        size="small"
+        severity={severity}
+      >
+        {status}
+      </Chip>
+    </WrapWithIf>
+  )
+}