External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(popular threads box): don't display markdown syntax, remove white space

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-09-14 17:34:56 +02:00
parent 2d92d0bc55
commit 2db5009911
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/popular-threads-box/popular-threads-box.tsx
+14 -5
View File
@@ -10,6 +10,7 @@ import { CatalogPostMedia } from '../../../components/catalog-row';
import LoadingEllipsis from '../../../components/loading-ellipsis';
import BoxModal from '../box-modal';
import { nsfwTags } from '../home';
import removeMarkdown from 'remove-markdown';
interface PopularThreadProps {
post: Comment;
@@ -17,11 +18,19 @@ interface PopularThreadProps {
boardShortAddress: string;
}
const PopularThreadCard = ({ post, boardTitle, boardShortAddress }: PopularThreadProps) => {
const { cid, subplebbitAddress, title } = post || {};
const commentMediaInfo = getCommentMediaInfo(post);
const ContentPreview = ({ content, maxLength = 99 }: { content: string; maxLength?: number }) => {
const plainText = removeMarkdown(content).trim().replaceAll(' ', '').replace(/\n\n/g, '\n').replaceAll('\n\n', '');
let content = post?.content?.replace(/\n\n/g, '\n');
const truncatedText = plainText.length > maxLength ? `${plainText.substring(0, maxLength).trim()}...` : plainText;
console.log(content);
return truncatedText;
};
const PopularThreadCard = ({ post, boardTitle, boardShortAddress }: PopularThreadProps) => {
const { cid, content, subplebbitAddress, title } = post || {};
const commentMediaInfo = getCommentMediaInfo(post);
return (
<div className={styles.popularThread} key={cid}>
@@ -38,7 +47,7 @@ const PopularThreadCard = ({ post, boardTitle, boardShortAddress }: PopularThrea
{content && ': '}
</>
)}
{content && (content.length > 99 ? `${content.substring(0, 99).trim()}...` : `${content}`)}
{content && <ContentPreview content={content} maxLength={99} />}
</div>
</div>
);