From 7742e1c9b03f09912162a84d6caf26fb7ae4db88 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Tue, 17 Sep 2024 17:03:59 +0200
Subject: [PATCH] fix(catalog): greentext and markdown styling shouldn't appear

---
 src/components/catalog-row/catalog-row.tsx      | 17 ++++++++++++++++-
 src/views/home/popular-threads-box/index.ts     |  2 +-
 .../popular-threads-box/popular-threads-box.tsx |  2 +-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/catalog-row/catalog-row.tsx b/src/components/catalog-row/catalog-row.tsx
index 8ed80ba3..9c17fad3 100644
--- a/src/components/catalog-row/catalog-row.tsx
+++ b/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();
diff --git a/src/views/home/popular-threads-box/index.ts b/src/views/home/popular-threads-box/index.ts
index bae48ca6..73d78438 100644
--- a/src/views/home/popular-threads-box/index.ts
+++ b/src/views/home/popular-threads-box/index.ts
@@ -1 +1 @@
-export { default } from './popular-threads-box';
+export { default, ContentPreview } from './popular-threads-box';
diff --git a/src/views/home/popular-threads-box/popular-threads-box.tsx b/src/views/home/popular-threads-box/popular-threads-box.tsx
index 80da3f6a..806878cc 100644
--- a/src/views/home/popular-threads-box/popular-threads-box.tsx
+++ b/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('&nbsp;', '').replace(/\n\n/g, '\n').replaceAll('\n\n', '');
   const truncatedText = plainText.length > maxLength ? `${plainText.substring(0, maxLength).trim()}...` : plainText;