From 6213ed60d5c840a5cef18f8310b63bc4460e7e24 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sun, 22 Jan 2023 18:12:35 +0100
Subject: [PATCH] [Perf] `ChatForumLastMessage`: Avoid redundant topic titles
 rendering

---
 src/components/common/ChatForumLastMessage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/common/ChatForumLastMessage.tsx b/src/components/common/ChatForumLastMessage.tsx
index 23605d799..97416afc5 100644
--- a/src/components/common/ChatForumLastMessage.tsx
+++ b/src/components/common/ChatForumLastMessage.tsx
@@ -28,6 +28,7 @@ type OwnProps = {
 };
 
 const NO_CORNER_THRESHOLD = Number(REM);
+const MAX_TOPICS = 3;
 
 const ChatForumLastMessage: FC<OwnProps> = ({
   chat,
@@ -46,7 +47,11 @@ const ChatForumLastMessage: FC<OwnProps> = ({
   const lastMessage = renderLastMessage();
 
   const [lastActiveTopic, ...otherTopics] = useMemo(() => {
-    return chat.topics ? getOrderedTopics(Object.values(chat.topics), undefined, true) : [];
+    if (!chat.topics) {
+      return [];
+    }
+
+    return getOrderedTopics(Object.values(chat.topics), undefined, true).slice(0, MAX_TOPICS);
   }, [chat.topics]);
 
   const [isReversedCorner, setIsReversedCorner] = useState(false);