contests

src/views/home/contest/SubmissionItem.tsx

@@ -4,9 +4,12 @@ import { cn } from '../../../lib/cn';
 
 export interface SubmissionItemProps {
     id: number;
+    datetime: string;
+    missionId: number;
     language: string;
-    time: string;
     verdict: string;
+    duration: number;
+    memory: number;
     type: 'first' | 'second';
     status?: 'success' | 'wronganswer' | 'timelimit';
 }
@@ -37,20 +40,23 @@ function formatDate(dateString: string): string {
 
 const SubmissionItem: React.FC<SubmissionItemProps> = ({
     id,
+    datetime,
+    missionId,
     language,
-    time,
     verdict,
+    duration,
+    memory,
     type,
-    status,
+    status
 }) => {
     // const navigate = useNavigate();
 
     return (
         <div
             className={cn(
-                ' w-full relative rounded-[10px] text-liquid-white',
+                ' w-full relative rounded-[10px] text-liquid-white text-center text-bold text-[16px] py-[8px]',
                 type == 'first' ? 'bg-liquid-lighter' : 'bg-liquid-background',
-                'grid grid-cols-[80px,1fr,1fr,2fr] grid-flow-col gap-[20px] px-[20px] box-border items-center',
+                'grid grid-cols-7 grid-flow-col gap-[20px] px-[20px] box-border items-center',
                 status == 'wronganswer' &&
                     'border-l-[11px] border-l-liquid-red pl-[9px]',
                 status == 'timelimit' &&
@@ -63,8 +69,9 @@ const SubmissionItem: React.FC<SubmissionItemProps> = ({
         >
             <div className="text-[18px] font-bold">#{id}</div>
             <div className="text-[18px] font-bold text-center">
-                {formatDate(time)}
+                {formatDate(datetime)}
             </div>
+            <div>{missionId}    </div>
             <div className="text-[18px] font-bold  text-center">{language}</div>
             <div
                 className={cn(
@@ -75,6 +82,10 @@ const SubmissionItem: React.FC<SubmissionItemProps> = ({
                 )}
             >
                 {verdict}
+            </div>  
+            <div>{formatMilliseconds(duration)}</div>
+            <div>
+                {formatBytesToMB(memory)}
             </div>
         </div>
     );