+
+
+
+ {job.job}
+
+
+ ID: {job.id}
+
+
+
{job.status}
+
+
+ {job.status === "in-progress" &&
+ job.resultDetails &&
+ "progress" in job.resultDetails && (
+
+ )}
+
+ {job.status === "success" &&
+ job.resultDetails &&
+ (() => {
+ const details = job.resultDetails;
+ return (
+
+
+ Completed successfully
+
+
+ {details.duration && (
+
+ Duration: {(details.duration / 1000).toFixed(2)}s
+
+ )}
+ {details.completedAt && (
+
+ Completed at:{" "}
+ {formattedDateTime(details.completedAt)}
+
+ )}
+
+
+ );
+ })()}
+
+ {job.status === "failed" && job.errorMessage && (
+
+
+ Failed
+
+
+ {job.errorMessage}
+
+
+ )}
+
+
+
+ Created:{" "}
+ {dayjs(job.createdAt).fromNow()}
+
+
+
+