From 83050e63ec33305b474a7c362d029349ab5c4cd0 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 7 Oct 2022 11:07:25 +0200
Subject: [PATCH] fix(ui): fix note length

---
 .../shared/SessionListContainer/components/Notes/NoteItem.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx
index fbaa1ccd3..0771ae55a 100644
--- a/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx
+++ b/frontend/app/components/shared/SessionListContainer/components/Notes/NoteItem.tsx
@@ -37,6 +37,8 @@ function NoteItem(props: Props) {
     { icon: 'link-45deg', text: 'Copy URL', onClick: onCopy },
     { icon: 'trash', text: 'Delete', onClick: onDelete },
   ];
+
+  const safeStrMessage = props.note.message.length > 150 ? props.note.message.slice(0, 150) + '...' : props.note.message
   return (
     <div
       className="flex items-center p-4 border-b"
@@ -52,7 +54,7 @@ function NoteItem(props: Props) {
         }
       >
         <div className="flex flex-col gap-1 cursor-pointer">
-          <div className="text-xl py-3">{props.note.message}</div>
+          <div className="text-xl py-3">{safeStrMessage}</div>
           <div className="flex items-center gap-2">
             {props.note.tag ? (
               <div