feat: display scores

Author: Mikadows

src/components/Benchmarks/BenchmarkDetail.tsx

@@ -84,6 +84,8 @@ const BenchmarkDetail = ({
         stderr={jobData.stderr}
         stdout={jobData.stdout}
         execDuration={jobData.execDuration}
+        qualityScore={jobData.qualityScore}
+        lintScore={jobData.lintScore}
       />
     );
   }

src/components/Benchmarks/Result.tsx

@@ -7,6 +7,8 @@ interface LayoutProps {
   stdout?: string;
   stderr?: string;
   execDuration?: number;
+  qualityScore?: number;
+  lintScore?: number;
 }
 
 const Result: React.FC<LayoutProps> = ({
@@ -16,6 +18,8 @@ const Result: React.FC<LayoutProps> = ({
   stdout,
   stderr,
   execDuration,
+  qualityScore,
+  lintScore,
 }) => {
   return (
     <div>
@@ -34,6 +38,10 @@ const Result: React.FC<LayoutProps> = ({
       <pre>{stderr}</pre>
       <b>Execution duration (μs): </b>
       <pre>{execDuration}</pre>
+      <b>Quality score: </b>
+      <pre>{qualityScore}</pre>
+      <b>Quality lint: </b>
+      <pre>{lintScore}</pre>
     </div>
   );
 };

src/hooks/submissions.ts

@@ -45,7 +45,7 @@ function useProcessInterval({
       onError();
     },
     onSuccess: (data) => {
-      setProcessId(data.id);
+      setProcessId(data.submission.id);
     },
   });
 
@@ -63,6 +63,8 @@ function useProcessInterval({
           stdout: string;
           stderr: string;
           execDuration: number;
+          qualityScore: number;
+          lintScore: number;
         };
       } = await authenticatedRequest({
         url: `submissions/${processId}`,