fix(catalog): greentext and markdown styling shouldn't appear

src/components/catalog-row/catalog-row.tsx

@@ -17,6 +17,7 @@ import PostMenuDesktop from '../post-desktop/post-menu-desktop';
 import styles from './catalog-row.module.css';
 import Markdown from '../markdown';
 import _ from 'lodash';
+import { ContentPreview } from '../../views/home/popular-threads-box';
 
 interface CatalogPostMediaProps {
   commentMediaInfo: any;
@@ -186,7 +187,21 @@ const CatalogPost = ({ post }: { post: Comment }) => {
   });
 
   const postContent = (
-    <div className={`${styles.teaser} ${hidden && styles.hidden}`}>{hidden ? <b>({t('hidden')})</b> : <Markdown title={title} content={content} />}</div>
+    <div className={`${styles.teaser} ${hidden && styles.hidden}`}>
+      {hidden ? (
+        <b>({t('hidden')})</b>
+      ) : (
+        <>
+          {title && (
+            <span>
+              <b>{title}</b>
+              {content ? ': ' : ''}
+            </span>
+          )}
+          {content && <ContentPreview content={content} maxLength={9999} />}
+        </>
+      )}
+    </div>
   );
 
   const { imageSize, showOPComment } = useCatalogStyleStore();

src/views/home/popular-threads-box/index.ts

@@ -1 +1 @@
-export { default } from './popular-threads-box';
+export { default, ContentPreview } from './popular-threads-box';

src/views/home/popular-threads-box/popular-threads-box.tsx

@@ -18,7 +18,7 @@ interface PopularThreadProps {
   boardShortAddress: string;
 }
 
-const ContentPreview = ({ content, maxLength = 99 }: { content: string; maxLength?: number }) => {
+export const ContentPreview = ({ content, maxLength = 99 }: { content: string; maxLength?: number }) => {
   const plainText = removeMarkdown(content).trim().replaceAll(' ', '').replace(/\n\n/g, '\n').replaceAll('\n\n', '');
   const truncatedText = plainText.length > maxLength ? `${plainText.substring(0, maxLength).trim()}...` : plainText;