🚦 color container if pod is pending

cyclops-ui · Apr 12, 2024 · 8f73fdc · 8f73fdc
2 parents 3f38689 + 17ff489
commit 8f73fdc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/cyclops-ui/src/components/k8s-resources/Deployment.tsx b/cyclops-ui/src/components/k8s-resources/Deployment.tsx
@@ -254,11 +254,15 @@ const Deployment = ({ name, namespace }: Props) => {
               dataIndex="containers"
               key="containers"
               width="15%"
-              render={(containers) => (
+              render={(containers, record: any) => (
                 <>
                   {containers.map((container: any) => {
                     let color = container.status.running ? "green" : "red";
 
+                    if (record.podPhase === "Pending") {
+                      color = "yellow"
+                    }
+
                     return (
                       <Tag
                         color={color}

diff --git a/cyclops-ui/src/components/k8s-resources/StatefulSet.tsx b/cyclops-ui/src/components/k8s-resources/StatefulSet.tsx
@@ -256,9 +256,13 @@ const StatefulSet = ({ name, namespace }: Props) => {
               width="15%"
               render={(containers) => (
                 <>
-                  {containers.map((container: any) => {
+                  {containers.map((container: any, record: any) => {
                     let color = container.status.running ? "green" : "red";
 
+                    if (record.podPhase === "Pending") {
+                      color = "yellow"
+                    }
+
                     return (
                       <Tag
                         color={color}

diff --git a/cyclops-ui/src/utils/pods.tsx b/cyclops-ui/src/utils/pods.tsx
@@ -1,7 +1,7 @@
 import { formatDistanceToNow } from "date-fns";
 
 export function formatPodAge(podAge: string): string {
-  if (podAge === "") {
+  if (podAge === null || podAge === "") {
     return "";
   }