From d96c1e292606404cc237469015a8670eb787386f Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Fri, 8 Dec 2023 10:09:50 +0100
Subject: [PATCH] fix(ui): uxt shorten task title/descr length

---
 frontend/app/components/UsabilityTesting/TestEdit.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/UsabilityTesting/TestEdit.tsx b/frontend/app/components/UsabilityTesting/TestEdit.tsx
index 4c1c97d30..17ffcfc17 100644
--- a/frontend/app/components/UsabilityTesting/TestEdit.tsx
+++ b/frontend/app/components/UsabilityTesting/TestEdit.tsx
@@ -417,6 +417,8 @@ export function Step({
   description: string | null;
   hover?: boolean;
 }) {
+  const safeTitle = title.length > 120 ? title.slice(0, 120) + '...' : title;
+  const safeDescription = description && description?.length > 300 ? description.slice(0, 300) + '...' : description;
   return (
     <div
       className={`p-4 rounded border ${
@@ -428,8 +430,8 @@ export function Step({
       </div>
 
       <div>
-        <Typography.Text>{title}</Typography.Text>
-        <div className={'text-disabled-text'}>{description}</div>
+        <Typography.Text>{safeTitle}</Typography.Text>
+        <div className={'text-disabled-text'}>{safeDescription}</div>
       </div>
 
       <div className={'ml-auto'} />