Emoji: Fix unneeded re-renders when StatusContent changes (#36532)
This commit is contained in:
@@ -269,7 +269,7 @@ class StatusContent extends PureComponent {
|
||||
lang={language}
|
||||
htmlString={content}
|
||||
extraEmojis={status.get('emojis')}
|
||||
onElement={this.handleElement.bind(this)}
|
||||
onElement={this.handleElement}
|
||||
/>
|
||||
|
||||
{poll}
|
||||
@@ -287,7 +287,7 @@ class StatusContent extends PureComponent {
|
||||
lang={language}
|
||||
htmlString={content}
|
||||
extraEmojis={status.get('emojis')}
|
||||
onElement={this.handleElement.bind(this)}
|
||||
onElement={this.handleElement}
|
||||
/>
|
||||
|
||||
{poll}
|
||||
|
||||
@@ -46,11 +46,15 @@ export const EmbeddedStatusContent: React.FC<{
|
||||
() => (status.get('mentions') as List<Mention>).toJS(),
|
||||
[status],
|
||||
);
|
||||
const htmlHandlers = useElementHandledLink({
|
||||
hashtagAccountId: status.get('account') as string | undefined,
|
||||
hrefToMention(href) {
|
||||
const hrefToMention = useCallback(
|
||||
(href: string) => {
|
||||
return mentions.find((item) => item.url === href);
|
||||
},
|
||||
[mentions],
|
||||
);
|
||||
const htmlHandlers = useElementHandledLink({
|
||||
hashtagAccountId: status.get('account') as string | undefined,
|
||||
hrefToMention,
|
||||
});
|
||||
|
||||
const handleContentRef = useCallback(
|
||||
|
||||
Reference in New Issue
Block a user