feat(result): add duplicated submissions count

Author: angristan

src/components/Benchmarks/BenchmarkDetail.tsx

@@ -96,7 +96,8 @@ const BenchmarkDetail = ({
         lintScore={jobData.lintScore}
         lintErrors={jobData.lintErrors}
         isLoading={isProcessing}
-        maxCyclomaticComplexity={benchmarkData?.maxCyclomaticComplexity}
+        maxCyclomaticComplexity={benchmarkData?.maxCyclomaticComplexity ?? 10}
+        duplicatedSubmissions={jobData.duplicatedSubmissions}
       />
     );
   }

src/components/Benchmarks/Result.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import Loader from 'react-loader-spinner';
 import { LintErrorDTO } from '../../api/dto/lint-error.dto';
+import { SubmissionDTO } from './submission.dto';
 interface LayoutProps {
   status: string;
   message: string;
@@ -15,6 +16,7 @@ interface LayoutProps {
   lintErrors?: LintErrorDTO[];
   isLoading: boolean;
   maxCyclomaticComplexity?: number;
+  duplicatedSubmissions?: SubmissionDTO[];
 }
 
 const Result: React.FC<LayoutProps> = ({
@@ -31,6 +33,7 @@ const Result: React.FC<LayoutProps> = ({
   isLoading,
   cyclomaticComplexity,
   maxCyclomaticComplexity,
+  duplicatedSubmissions,
 }) => {
   if (status !== 'done' && status !== 'failed') {
     return (
@@ -56,6 +59,7 @@ const Result: React.FC<LayoutProps> = ({
             execDuration={execDuration}
             cyclomaticComplexity={cyclomaticComplexity}
             maxCyclomaticComplexity={maxCyclomaticComplexity}
+            duplicatedSubmissions={duplicatedSubmissions}
           />
         </div>
         <div className="w-3/5 pl-6">
@@ -143,6 +147,7 @@ interface ScoresComponentProps {
   execDuration: number | undefined;
   cyclomaticComplexity: number | undefined;
   maxCyclomaticComplexity: number | undefined;
+  duplicatedSubmissions: SubmissionDTO[] | undefined;
 }
 
 const ScoresComponent: React.FC<ScoresComponentProps> = ({
@@ -153,6 +158,7 @@ const ScoresComponent: React.FC<ScoresComponentProps> = ({
   execDuration,
   cyclomaticComplexity,
   maxCyclomaticComplexity,
+  duplicatedSubmissions,
 }) => {
   return (
     <div className="relative flex flex-col min-w-0 mb-4 lg:mb-0 break-words bg-gray-50 dark:bg-gray-800 w-full shadow-lg rounded">
@@ -251,6 +257,18 @@ const ScoresComponent: React.FC<ScoresComponentProps> = ({
                   </div>
                 </td>
               </tr>
+              <tr className="text-gray-700 dark:text-gray-100">
+                <th className="border-t-0 px-4 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-3 text-left">
+                  Duplicate submissions
+                </th>
+                <td className="border-t-0 px-4 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-3">
+                  <div className="flex items-center">
+                    <span className="mr-2">
+                      {duplicatedSubmissions?.length}{' '}
+                    </span>
+                  </div>
+                </td>
+              </tr>
             </tbody>
           </table>
         </div>

src/components/Benchmarks/submission.dto.ts

@@ -0,0 +1,29 @@
+export interface SubmissionDTO {
+  id: string;
+  language: string;
+  code: string;
+  codeHash: string;
+  status: string;
+  stdout?: string;
+  stderr?: string;
+  message?: string;
+  error?: string;
+  execDuration: number;
+  memUsage: number;
+  createdAt: Date;
+  updatedAt: Date;
+  lintScore: number;
+  qualityScore: number;
+  cyclomaticComplexity: number;
+  user: User;
+  duplicatedSubmissions?: SubmissionDTO[];
+}
+
+export interface User {
+  id: string;
+  name: string;
+  username: string;
+  email: string;
+  createdAt: Date;
+  updatedAt: Date;
+}

src/hooks/submissions.ts

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { useMutation, useQuery } from 'react-query';
 import { LintErrorDTO } from '../api/dto/lint-error.dto';
+import { SubmissionDTO } from '../components/Benchmarks/submission.dto';
 import authenticatedRequest from '../components/utils/request';
 import { useToken } from './token';
 
@@ -69,6 +70,7 @@ function useProcessInterval({
           cyclomaticComplexity: number;
           lintScore: number;
           lintErrors?: LintErrorDTO[];
+          duplicatedSubmissions: SubmissionDTO[];
         };
       } = await authenticatedRequest({
         url: `submissions/${processId}`,