[OPIK-208] [UX Improvements] Make score reasons easier to compare

comet-ml · Oct 4, 2024 · 307c4af · 307c4af
1 parent 3714e62
commit 307c4af
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/opik-frontend/src/components/shared/FeedbackScoreTag/FeedbackScoreTag.tsx b/apps/opik-frontend/src/components/shared/FeedbackScoreTag/FeedbackScoreTag.tsx
@@ -27,7 +27,7 @@ const FeedbackScoreTag: React.FunctionComponent<FeedbackScoreTagProps> = ({
   const isRemovable = isFunction(onDelete);
 
   const Reason = reason ? (
-    <TooltipWrapper content={reason}>
+    <TooltipWrapper content={reason} delayDuration={100}>
       <MessageSquareMore className="size-3.5 text-light-slate" />
     </TooltipWrapper>
   ) : null;

diff --git a/...ontend/src/components/shared/TraceDetailsPanel/TraceDataViewer/FeedbackScoreValueCell.tsx b/...ontend/src/components/shared/TraceDetailsPanel/TraceDataViewer/FeedbackScoreValueCell.tsx
@@ -11,7 +11,7 @@ const FeedbackScoreValueCell = (
   const feedbackScore = context.row.original;
   const value = context.getValue();
   const Reason = feedbackScore.reason ? (
-    <TooltipWrapper content={feedbackScore.reason}>
+    <TooltipWrapper content={feedbackScore.reason} delayDuration={100}>
       <MessageSquareMore className="size-4 text-light-slate" />
     </TooltipWrapper>
   ) : null;