feat(submissions): add execution duration support

Author: angristan

src/components/Benchmarks/BenchmarkDetail.tsx

@@ -80,6 +80,7 @@ const BenchmarkDetail = ({
         status={jobData.status}
         stderr={jobData.stderr}
         stdout={jobData.stdout}
+        execDuration={jobData.execDuration}
       />
     );
   }

src/components/Dashboard/Dashboard.tsx

@@ -32,6 +32,7 @@ export default function Example() {
         status={jobData.status}
         stdout={jobData.stdout}
         stderr={jobData.stderr}
+        execDuration={jobData.execDuration}
       ></Result>
     );
   }

src/components/Dashboard/Result.tsx

@@ -4,9 +4,15 @@ interface LayoutProps {
   status: string;
   stdout?: string;
   stderr?: string;
+  execDuration?: number;
 }
 
-const Result: React.FC<LayoutProps> = ({ status, stdout, stderr }) => {
+const Result: React.FC<LayoutProps> = ({
+  status,
+  stdout,
+  stderr,
+  execDuration,
+}) => {
   return (
     <div>
       <b>Status: </b>
@@ -16,6 +22,8 @@ const Result: React.FC<LayoutProps> = ({ status, stdout, stderr }) => {
       <pre>{stdout}</pre>
       <b>Stderr: </b>
       <pre>{stderr}</pre>
+      <b>Execution duration (milliseconds): </b>
+      <pre>{execDuration}</pre>
     </div>
   );
 };

src/hooks/submissions.ts

@@ -58,6 +58,7 @@ function useProcessInterval({
           status: string;
           stdout: string;
           stderr: string;
+          execDuration: number;
         };
       } = await authenticatedRequest({
         url: `submissions/${processId}`,