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

pl-fe: fix hashtag links in statuses

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2024-09-15 11:20:07 +02:00
parent acf31a11a3
commit 3f6c4fb5df
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/pl-fe/src/components/hashtag-link.tsx
View file

@ -7,7 +7,7 @@ interface IHashtagLink {
}
const HashtagLink: React.FC<IHashtagLink> = ({ hashtag }) => (
<Link to={`/tags/${hashtag}`}>
<Link to={`/tags/${hashtag}`} onClick={(e) => e.stopPropagation()}>
#{hashtag}
</Link>
);

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

@ -23,6 +23,9 @@ import type { MinifiedStatus } from 'pl-fe/reducers/statuses';
const MAX_HEIGHT = 322; // 20px * 16 (+ 2px padding at the top)
const BIG_EMOJI_LIMIT = 10;
const nodesToText = (nodes: Array<DOMNode>): string =>
nodes.map(node => node.type === 'text' ? node.data : node.type === 'tag' ? nodesToText(node.children as Array<DOMNode>) : '').join('');
interface IReadMoreButton {
onClick: React.MouseEventHandler;
quote?: boolean;
@ -148,10 +151,9 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
}
if (classes?.includes('hashtag')) {
const child = domToReact(domNode.children as DOMNode[]);
const hashtag = typeof child === 'string' ? child.replace(/^#/, '') : undefined;
const hashtag = nodesToText(domNode.children as Array<DOMNode>);
if (hashtag) {
return <HashtagLink hashtag={hashtag} />;
return <HashtagLink hashtag={hashtag.replace(/^#/, '')} />;
}
}