From 2fe2c6c6bb957a282f106dbe19fb0dce9a1fa2de Mon Sep 17 00:00:00 2001
From: Ben Halpern <bendhalpern@gmail.com>
Date: Tue, 30 May 2023 10:02:09 -0400
Subject: [PATCH] Patch: Fix too-long code in comment previews via appropriate
 truncation (#19540)

* Fix too-long code in comment previews

* Update app/javascript/articles/components/CommentListItem.jsx

---------

Co-authored-by: Ridhwana <Ridhwana.Khan16@gmail.com>
---
 app/javascript/articles/components/CommentListItem.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/articles/components/CommentListItem.jsx b/app/javascript/articles/components/CommentListItem.jsx
index 5bc1fca99..e3472a4bf 100644
--- a/app/javascript/articles/components/CommentListItem.jsx
+++ b/app/javascript/articles/components/CommentListItem.jsx
@@ -20,12 +20,13 @@ function contentAwareComments(comment) {
   nodes.forEach((node) => {
     if (
       node.outerHTML &&
-      node.tagName === 'P' &&
+      (node.tagName === 'P' || node.className.includes('highlight')) &&
       nodesSelected < 2 &&
       node.outerHTML.length > 250
       && !node.outerHTML.includes('article-body-image-wrapper')
     ) {
-      text = `${text} ${node.outerHTML.substring(0, 230)} ...`;
+      node.innerHTML = `${node.innerHTML.substring(0, 230)}...`;
+      text = `${text} ${node.outerHTML}`;
       nodesSelected = 2;
     } else if (node.outerHTML && nodesSelected < 2) {
       text = text + node.outerHTML;