Format runtime seconds

Author: abdonrd

src/app/trackers/classically-verifiable-problems/SubmissionsTable.tsx

@@ -1,3 +1,4 @@
+import { RuntimeSeconds } from '@/components/RuntimeSeconds';
 import {
   Table,
   TableBody,
@@ -86,10 +87,12 @@ export function SubmissionsTable(props: {
                 <TableCell>{submission.value}</TableCell>
                 <TableCell>
                   <div>
-                    <span title="Quantum">Q</span>: {submission.runtimeQuantum || '-'}
+                    <span title="Quantum">Q</span>:{' '}
+                    <RuntimeSeconds value={submission.runtimeQuantum} />
                   </div>
                   <div>
-                    <span title="Classical">C</span>: {submission.runtimeClassical || '-'}
+                    <span title="Classical">C</span>:{' '}
+                    <RuntimeSeconds value={submission.runtimeClassical} />
                   </div>
                 </TableCell>
                 <TableCell className="whitespace-normal">

src/app/trackers/observable-estimations/SubmissionsTable.tsx

@@ -1,3 +1,4 @@
+import { RuntimeSeconds } from '@/components/RuntimeSeconds';
 import {
   Table,
   TableBody,
@@ -95,10 +96,12 @@ export function SubmissionsTable(props: {
                 </TableCell>
                 <TableCell>
                   <div>
-                    <span title="Quantum">Q</span>: {submission.runtimeQuantum || '-'}
+                    <span title="Quantum">Q</span>:{' '}
+                    <RuntimeSeconds value={submission.runtimeQuantum} />
                   </div>
                   <div>
-                    <span title="Classical">C</span>: {submission.runtimeClassical || '-'}
+                    <span title="Classical">C</span>:{' '}
+                    <RuntimeSeconds value={submission.runtimeClassical} />
                   </div>
                 </TableCell>
                 <TableCell className="whitespace-normal">

src/app/trackers/variational-problems/SubmissionsTable.tsx

@@ -1,3 +1,4 @@
+import { RuntimeSeconds } from '@/components/RuntimeSeconds';
 import {
   Table,
   TableBody,
@@ -95,10 +96,12 @@ export function SubmissionsTable(props: {
                 </TableCell>
                 <TableCell>
                   <div>
-                    <span title="Quantum">Q</span>: {submission.runtimeQuantum || '-'}
+                    <span title="Quantum">Q</span>:{' '}
+                    <RuntimeSeconds value={submission.runtimeQuantum} />
                   </div>
                   <div>
-                    <span title="Classical">C</span>: {submission.runtimeClassical || '-'}
+                    <span title="Classical">C</span>:{' '}
+                    <RuntimeSeconds value={submission.runtimeClassical} />
                   </div>
                 </TableCell>
                 <TableCell className="whitespace-normal">

src/components/RuntimeSeconds.tsx

@@ -0,0 +1,11 @@
+export function RuntimeSeconds(props: { value: number | undefined }) {
+  const { value } = props;
+
+  if (value === undefined) return '-';
+
+  if (Math.abs(value) >= 1e7) {
+    return value.toExponential();
+  }
+
+  return value;
+}