From d5b922affd4681abc68ac955828172f1e0e9acc9 Mon Sep 17 00:00:00 2001
From: Sinclair Chen <abc.sinclair@gmail.com>
Date: Fri, 19 Aug 2022 15:20:50 -0700
Subject: [PATCH] Only show answer tooltips if truncated

---
 web/components/outcome-label.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx
index 85e171d8..3260018c 100644
--- a/web/components/outcome-label.tsx
+++ b/web/components/outcome-label.tsx
@@ -90,13 +90,11 @@ export function FreeResponseOutcomeLabel(props: {
   const chosen = contract.answers?.find((answer) => answer.id === resolution)
   if (!chosen) return <AnswerNumberLabel number={resolution} />
   return (
-    <Tooltip text={chosen.text}>
-      <AnswerLabel
-        answer={chosen}
-        truncate={truncate}
-        className={answerClassName}
-      />
-    </Tooltip>
+    <AnswerLabel
+      answer={chosen}
+      truncate={truncate}
+      className={answerClassName}
+    />
   )
 }
 
@@ -165,11 +163,13 @@ export function AnswerLabel(props: {
   }
 
   return (
-    <span
-      style={{ wordBreak: 'break-word' }}
-      className={clsx('whitespace-pre-line break-words', className)}
-    >
-      {truncated}
-    </span>
+    <Tooltip text={truncated === text ? false : text}>
+      <span
+        style={{ wordBreak: 'break-word' }}
+        className={clsx('whitespace-pre-line break-words', className)}
+      >
+        {truncated}
+      </span>
+    </Tooltip>
   )
 }