Merge pull request #8473 from brexhq/k8s-make-completed-green

K8s Cronjob Style Change and UI Fix

.changeset/cold-dolls-beam.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-kubernetes': patch
+---
+
+Fixed styling bug for the CronJobsAccordions and updated Completed pods to display a green dot.

plugins/kubernetes/src/components/Cluster/Cluster.tsx

@@ -148,9 +148,9 @@ export const Cluster = ({ clusterObjects, podsWithErrors }: ClusterProps) => {
                   <Grid item>
                     <ServicesAccordions />
                   </Grid>
-                </Grid>
-                <Grid item>
-                  <CronJobsAccordions />
+                  <Grid item>
+                    <CronJobsAccordions />
+                  </Grid>
                 </Grid>
               </AccordionDetails>
             </Accordion>

plugins/kubernetes/src/utils/pod.tsx

@@ -63,7 +63,13 @@ export const containerStatuses = (pod: V1Pod): ReactNode => {
     const renderCell = (reason: string | undefined) => (
       <Fragment key={`${pod.metadata?.name}-${next.name}`}>
         <SubvalueCell
-          value={<StatusError>Container: {next.name}</StatusError>}
+          value={
+            reason === 'Completed' ? (
+              <StatusOK>Container: {next.name}</StatusOK>
+            ) : (
+              <StatusError>Container: {next.name}</StatusError>
+            )
+          }
           subvalue={reason}
         />
         <br />