client: fix alignment of long score feedback (#656)

ia-toki · Aug 25, 2024 · 5c6caff · 5c6caff
1 parent 9494620
commit 5c6caff
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx b/judgels-client/src/components/SubmissionDetails/Programming/SubmissionDetails.jsx
@@ -92,11 +92,27 @@ export function SubmissionDetails({
   };
 
   const renderScore = score => {
+    let formattedScore = score;
+
     if (score.startsWith('*')) {
-      return '✓' + score.substring(1);
+      formattedScore = '✓' + score.substring(1);
     } else if (score.startsWith('X')) {
-      return score.substring(1);
+      formattedScore = score.substring(1);
     }
+
+    if (formattedScore.includes(' [')) {
+      const [points, feedback] = formattedScore.split(' [', 2);
+      return (
+        <>
+          {points}{' '}
+          <span style="display: inline-block">
+            {'['}
+            {feedback}
+          </span>
+        </>
+      );
+    }
+
     return score;
   };