From 6de0482bbb0eb7d738dea3bc11b2bb3d3dc31fd4 Mon Sep 17 00:00:00 2001
From: shuai <lishuailing@sifou.com>
Date: Wed, 15 Mar 2023 11:36:21 +0800
Subject: [PATCH] fix: tags list description used parsed text

---
 ui/src/index.scss           | 6 ++++++
 ui/src/pages/Tags/index.tsx | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/ui/src/index.scss b/ui/src/index.scss
index 40d2e5e6..dba18feb 100644
--- a/ui/src/index.scss
+++ b/ui/src/index.scss
@@ -294,6 +294,12 @@ img:not(a img, img.broken) {
   white-space: pre-wrap;
 }
 
+.reset-p {
+  p {
+    margin-bottom: 0;
+  }
+}
+
 @keyframes bg-fade-out {
   0%,
   25% {
diff --git a/ui/src/pages/Tags/index.tsx b/ui/src/pages/Tags/index.tsx
index c25e167d..2884be33 100644
--- a/ui/src/pages/Tags/index.tsx
+++ b/ui/src/pages/Tags/index.tsx
@@ -13,7 +13,7 @@ import { useTranslation } from 'react-i18next';
 
 import { usePageTags } from '@/hooks';
 import { Tag, Pagination, QueryGroup, TagsLoader } from '@/components';
-import { formatCount } from '@/utils';
+import { formatCount, htmlToReact } from '@/utils';
 import { tryNormalLogged } from '@/utils/guard';
 import { useQueryTags, following } from '@/services';
 import { loggedUserInfoStore } from '@/stores';
@@ -111,8 +111,8 @@ const Tags = () => {
                     <Card.Body className="d-flex flex-column align-items-start">
                       <Tag className="mb-3" data={tag} />
 
-                      <p className="fs-14 flex-fill text-break text-wrap text-truncate-3">
-                        {tag.original_text}
+                      <p className="fs-14 flex-fill text-break text-wrap text-truncate-3 reset-p">
+                        {htmlToReact(tag.parsed_text)}
                       </p>
                       <div className="d-flex align-items-center">
                         <Button