bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

pl-fe: Replace React.useMemo with React.memo

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-11-06 13:14:05 +01:00
parent 542ba9ab78
commit 5f4dde2590
2 changed files with 77 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/pl-fe/src/components/parsed-content.tsx
View file

@ -1,6 +1,6 @@
import parse, { Element, type HTMLReactParserOptions, domToReact, type DOMNode } from 'html-react-parser'; import parse, { Element, type HTMLReactParserOptions, domToReact, type DOMNode } from 'html-react-parser';
import DOMPurify from 'isomorphic-dompurify'; import DOMPurify from 'isomorphic-dompurify';
import React, { useMemo } from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import Emojify from 'pl-fe/features/emoji/emojify'; import Emojify from 'pl-fe/features/emoji/emojify';
@ -26,8 +26,7 @@ interface IParsedContent {
emojis?: Array<CustomEmoji>; emojis?: Array<CustomEmoji>;
} }
const ParsedContent: React.FC<IParsedContent> = (({ html, mentions, hasQuote, emojis }) => { const ParsedContent: React.FC<IParsedContent> = React.memo(({ html, mentions, hasQuote, emojis }) => {
return useMemo(() => {
if (html.length === 0) { if (html.length === 0) {
return null; return null;
} }
@ -117,7 +116,6 @@ const ParsedContent: React.FC<IParsedContent> = (({ html, mentions, hasQuote, em
}; };
return parse(DOMPurify.sanitize(html, { ADD_ATTR: ['target'], USE_PROFILES: { html: true } }), options); return parse(DOMPurify.sanitize(html, { ADD_ATTR: ['target'], USE_PROFILES: { html: true } }), options);
}, [html]); }, (prevProps, nextProps) => prevProps.html === nextProps.html);
});
export { ParsedContent }; export { ParsedContent };

4
packages/pl-fe/src/features/emoji/emojify.tsx
View file

@ -33,7 +33,7 @@ interface IEmojify {
emojis?: Array<CustomEmoji> | Record<string, CustomEmoji>; emojis?: Array<CustomEmoji> | Record<string, CustomEmoji>;
} }
const Emojify: React.FC<IEmojify> = ({ text, emojis = {} }) => React.useMemo(() => { const Emojify: React.FC<IEmojify> = React.memo(({ text, emojis = {} }) => {
if (Array.isArray(emojis)) emojis = makeEmojiMap(emojis); if (Array.isArray(emojis)) emojis = makeEmojiMap(emojis);
const nodes = []; const nodes = [];
@ -102,6 +102,6 @@ const Emojify: React.FC<IEmojify> = ({ text, emojis = {} }) => React.useMemo(()
if (stack.length) nodes.push(stack); if (stack.length) nodes.push(stack);
return nodes; return nodes;
}, [text, emojis]); });
export { Emojify as default }; export { Emojify as default };