[UI]: Fix job details for multi-job runs (dstackai#2321)

Author: jvstme

frontend/src/pages/Runs/Details/Jobs/List/helpers.ts

@@ -3,41 +3,41 @@ import { format } from 'date-fns';
 import { DATE_TIME_FORMAT } from 'consts';
 
 export const getJobListItemResources = (job: IJob) => {
-    return job.job_submissions?.[0]?.job_provisioning_data?.instance_type?.resources?.description;
+    return job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.instance_type?.resources?.description;
 };
 
 export const getJobListItemSpot = (job: IJob) => {
-    return job.job_submissions?.[0]?.job_provisioning_data?.instance_type?.resources?.spot?.toString() ?? '-';
+    return job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.instance_type?.resources?.spot?.toString() ?? '-';
 };
 
 export const getJobListItemPrice = (job: IJob) => {
-    return job.job_submissions?.[0]?.job_provisioning_data?.price
-        ? `$${job.job_submissions?.[0]?.job_provisioning_data?.price}`
+    return job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.price
+        ? `$${job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.price}`
         : null;
 };
 
 export const getJobListItemInstance = (job: IJob) => {
-    return job.job_submissions?.[0]?.job_provisioning_data?.instance_type?.name;
+    return job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.instance_type?.name;
 };
 
 export const getJobListItemRegion = (job: IJob) => {
-    return job.job_submissions?.[0]?.job_provisioning_data?.region ?? '-';
+    return job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.region ?? '-';
 };
 
 export const getJobListItemBackend = (job: IJob) => {
-    return job.job_submissions?.[0]?.job_provisioning_data?.backend ?? '-';
+    return job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.backend ?? '-';
 };
 
 export const getJobSubmittedAt = (job: IJob) => {
-    return job.job_submissions?.[0].submitted_at
-        ? format(new Date(job.job_submissions?.[0].submitted_at), DATE_TIME_FORMAT)
+    return job.job_submissions?.[job.job_submissions.length - 1].submitted_at
+        ? format(new Date(job.job_submissions?.[job.job_submissions.length - 1].submitted_at), DATE_TIME_FORMAT)
         : '';
 };
 
 export const getJobStatus = (job: IJob) => {
-    return job.job_submissions?.[0].status;
+    return job.job_submissions?.[job.job_submissions.length - 1].status;
 };
 
 export const getJobTerminationReason = (job: IJob) => {
-    return job.job_submissions?.[0].termination_reason ?? '-';
+    return job.job_submissions?.[job.job_submissions.length - 1].termination_reason ?? '-';
 };

frontend/src/pages/Runs/List/helpers.ts

@@ -35,7 +35,7 @@ export const getRunListItemSpot = (run: IRun) => {
 export const getRunListItemPrice = (run: IRun) => {
     if (run.jobs.length > 1) {
         return `$${run.jobs.reduce<number>((acc, job) => {
-            const price = job.job_submissions?.[0]?.job_provisioning_data?.price;
+            const price = job.job_submissions?.[job.job_submissions.length - 1]?.job_provisioning_data?.price;
 
             if (price) acc += price;