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 = ({ chat, @@ -46,7 +47,11 @@ const ChatForumLastMessage: FC = ({ 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);