🚦 color container if pod is pending

🚦 color container if pod is pending

Author: petar-cvit

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}

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}

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 "";
   }