highperfocused/lume
1
0
Fork 0
mirror of https://github.com/lumehq/lume.git synced 2025-03-28 18:52:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed note content parser

Browse Source
This commit is contained in:
Ren Amamiya 2023-03-21 15:40:51 +07:00
parent 283931bfa1
commit 3c3ee2fc88
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/note/content/index.tsx
View File

@ -9,8 +9,11 @@ import reactStringReplace from 'react-string-replace';
export const Content = memo(function Content({ data }: { data: any }) { export const Content = memo(function Content({ data }: { data: any }) {
const content = useMemo(() => { const content = useMemo(() => {
let parsedContent; let parsedContent;
let tags;
// get data tags // get data tags
const tags = data.tags ? JSON.parse(data.tags) : null; if (data.tags.length > 1) {
tags = JSON.parse(data.tags);
}
// remove all image urls // remove all image urls
parsedContent = data.content.replace(/(https?:\/\/.*\.(jpg|jpeg|gif|png|webp|mp4|webm)((\?.*)$|$))/gim, ''); parsedContent = data.content.replace(/(https?:\/\/.*\.(jpg|jpeg|gif|png|webp|mp4|webm)((\?.*)$|$))/gim, '');
// handle urls // handle urls
@ -26,7 +29,7 @@ export const Content = memo(function Content({ data }: { data: any }) {
</span> </span>
)); ));
// handle mentions // handle mentions
if (tags) { if (tags.length > 0) {
parsedContent = reactStringReplace(parsedContent, /\#\[(\d+)\]/gm, (match, i) => { parsedContent = reactStringReplace(parsedContent, /\#\[(\d+)\]/gm, (match, i) => {
if (tags[match][0] === 'p') { if (tags[match][0] === 'p') {
return <UserMention key={match + i} pubkey={tags[match][1]} />; return <UserMention key={match + i} pubkey={tags[match][1]} />;