feat: display job exit code on result card

Resolves #1320

Author: OliverDudgeon

src/components/instances/JobDetails/ExitCodeFromTask.tsx

@@ -0,0 +1,29 @@
+import { useGetTask } from "@squonk/data-manager-client/task";
+
+import { ExitToApp as ExitToAppIcon } from "@mui/icons-material";
+import { ListItem, ListItemIcon, ListItemText } from "@mui/material";
+
+export interface ExitCodeFromTaskProps {
+  taskId: string;
+}
+
+export const ExitCodeFromTask = ({ taskId }: ExitCodeFromTaskProps) => {
+  const { data } = useGetTask(taskId);
+  const code = data?.exit_code;
+
+  return (
+    <ListItem>
+      <ListItemIcon sx={{ minWidth: "40px" }}>
+        <ExitToAppIcon />
+      </ListItemIcon>
+      <ListItemText
+        primary="Exit Code"
+        secondary={code}
+        secondaryTypographyProps={{
+          color: code === 0 ? "green" : "error",
+          fontWeight: "bold",
+        }}
+      />
+    </ListItem>
+  );
+};

src/components/instances/JobDetails/JobDetails.tsx

@@ -11,6 +11,7 @@ import { HorizontalList } from "../../HorizontalList";
 import { PageSection } from "../../PageSection";
 import { TaskDetails } from "../../tasks/TaskDetails";
 import { CommonDetails } from "./CommonDetails";
+import { ExitCodeFromTask } from "./ExitCodeFromTask";
 import { JobInputSection } from "./JobInputSection";
 import { JobOutputSection } from "./JobOutputSection";
 
@@ -54,6 +55,7 @@ export const JobDetails = ({ instanceId, jobId }: JobDetailsProps) => {
           </ListItemIcon>
           <ListItemText primary={job?.collection} secondary={job?.version} />
         </ListItem>
+        {!!lastTask && <ExitCodeFromTask taskId={lastTask.id} />}
       </HorizontalList>
 
       <Grid container>