fix: allow readmore message on right panel

Author: Bilb

ts/components/conversation/message/message-content/MessageBubble.tsx

@@ -41,7 +41,6 @@ const ReadMoreButton = styled.button`
 export function MessageBubble({ children }: { children: ReactNode }) {
   const [expanded, setExpanded] = useState(false);
   const [showReadMore, setShowReadMore] = useState(false);
-  const hiddenHeight = useRef<number>(0);
   const msgBubbleRef = useRef<HTMLDivElement>(null);
 
   const messagesContainerRef = useMessagesContainerRef();
@@ -80,13 +79,11 @@ export function MessageBubble({ children }: { children: ReactNode }) {
 
     const msgContainerBefore = messagesContainerRef.current;
 
-    if (!msgContainerBefore) {
-      return;
-    }
-
-    const { scrollTop: scrollTopBefore, scrollHeight: scrollHeightBefore } = msgContainerBefore;
+    if (msgContainerBefore) {
+      const { scrollTop: scrollTopBefore, scrollHeight: scrollHeightBefore } = msgContainerBefore;
 
-    scrollBefore.current = { scrollTop: scrollTopBefore, scrollHeight: scrollHeightBefore };
+      scrollBefore.current = { scrollTop: scrollTopBefore, scrollHeight: scrollHeightBefore };
+    }
 
     // we cannot "show less", only show more
     setExpanded(true);
@@ -119,8 +116,6 @@ export function MessageBubble({ children }: { children: ReactNode }) {
 
       const overflowsLines = innerHeight > maxHeight;
 
-      hiddenHeight.current = innerHeight - maxHeight;
-
       setShowReadMore(overflowsLines);
     },
     // Note: no need to provide a dependency here (and if we provide children, this hook reruns every second for every messages).