[Perf] ChatForumLastMessage: Avoid redundant topic titles rendering
This commit is contained in:
parent
5ee98fd33c
commit
6213ed60d5
@ -28,6 +28,7 @@ type OwnProps = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
const NO_CORNER_THRESHOLD = Number(REM);
|
const NO_CORNER_THRESHOLD = Number(REM);
|
||||||
|
const MAX_TOPICS = 3;
|
||||||
|
|
||||||
const ChatForumLastMessage: FC<OwnProps> = ({
|
const ChatForumLastMessage: FC<OwnProps> = ({
|
||||||
chat,
|
chat,
|
||||||
@ -46,7 +47,11 @@ const ChatForumLastMessage: FC<OwnProps> = ({
|
|||||||
const lastMessage = renderLastMessage();
|
const lastMessage = renderLastMessage();
|
||||||
|
|
||||||
const [lastActiveTopic, ...otherTopics] = useMemo(() => {
|
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]);
|
}, [chat.topics]);
|
||||||
|
|
||||||
const [isReversedCorner, setIsReversedCorner] = useState(false);
|
const [isReversedCorner, setIsReversedCorner] = useState(false);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user