chore: remove hyphen if answer description does not exist

kleros · Dec 6, 2024 · 6e5113c · 6e5113c
1 parent 8c2d861
commit 6e5113c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/web/src/components/DisputePreview/DisputeContext.tsx b/web/src/components/DisputePreview/DisputeContext.tsx
@@ -91,7 +91,7 @@ export const DisputeContext: React.FC<IDisputeContext> = ({ disputeDetails, isRp
               <small>Option {i + 1}:</small>
               <label>
                 {answer.title}
-                {answer.description ? ` - ${answer.description}` : null}
+                {answer.description.trim() ? ` - ${answer.description}` : null}
               </label>
             </Answer>
           ))}

diff --git a/web/src/components/Verdict/Answer.tsx b/web/src/components/Verdict/Answer.tsx
@@ -26,18 +26,23 @@ interface IAnswer {
   answer?: Answer;
   currentRuling: number;
 }
+
 const AnswerDisplay: React.FC<IAnswer> = ({ answer, currentRuling }) => {
   return (
     <>
       {answer ? (
         <Container>
-          <AnswerTitle>{answer.title} -</AnswerTitle>
-          <AnswerDescription>{answer.description}</AnswerDescription>
+          <AnswerTitle>
+            {answer.title}
+            {answer.description.trim() ? " -" : null}
+          </AnswerTitle>
+          <AnswerDescription>{answer.description.trim()}</AnswerDescription>
         </Container>
       ) : (
         <Container>{currentRuling !== 0 ? <h3>Answer 0x{currentRuling}</h3> : <h3>Refuse to Arbitrate</h3>}</Container>
       )}
     </>
   );
 };
+
 export default AnswerDisplay;